ブラウザで表示されない原因と解決方法
- ブラウザでHTMLが表示されない場合、原因はコードの記述方法やファイルの保存形式にある可能性があります。
- 参考書の例と異なる書き方をする必要がある場合、特にJavaScriptの記述に注意が必要です。
- ブラウザでHTMLが表示されない場合は、開発者ツールを使用してエラーメッセージを確認し、問題の特定を行うことができます。
- ベストアンサー
どうしてもブラウザで表示されません・・・
こんにちは メモ帳に、 <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" href="Sample.css"> <title>サンプル</title> </hrad> <body> <script type="text/javascript"> for(var i=1; i<=6; i++){ document.writeln('<img src="dice' + i + '.jpeg">'); } } </script> </body> </html> と参考書にある通りにうちこみ、.htmlで保存してもブラウザで表示されません。 なぜでしょうか 以前同じような質問をした際にコードの例をもらいそれ通りにうってみて解決したのですが、 やることによって書き方を変えねばならないようで、かといってどこをかえればよいのかわかりません。 宜しくお願いいたします。
- question_april
- お礼率52% (118/223)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
回答No.1 です。 > しかし、参考書にはしっかり２つ書かれているので、この本はダメかもしれません… 出版社のホームページへ行って、その書籍の正誤表が出ていないか確認してください。全体的に初心者向けの HTML や javascript の本は誤植・コードの誤りが多い傾向があるので、正誤表をチェックするのが地味に重要です。（コードの誤りくらい出版前にチェックしろよという話もありますが、初心者向けは内容よりも装丁やイラストに力を入れたほうがが売れますからねー）
その他の回答 (1)
} がひとつ余計です。以下のようにすれば動きます。 <script type="text/javascript"> for(var i=1; i<=6; i++){ document.writeln('<img src="dice' + i + '.jpeg">'); } //} ← いらない </script> Google などで『javascript デバッグ』などをキーワードに、お使いのブラウザでのデバッグ方法を探して導入してください。そうすればこのようなミスはなくなります。
お礼
有り難うございます }を一つ消して試してみます。 しかし、参考書にはしっかり２つ書かれているので、この本はダメかもしれません…
関連するQ&A
- HTMLが正しく実行されない。
やさしいｗｅｂプログラミングに掲載されている文で、教科書通りにかいても正しく表示されません。 どこがいけないのでしょうか？ <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" href="Sample.css"> <title>サンプル</title> </head> <body> <h1>現在の時刻</h1> <p> <script type="text/javascript"> var d = new Date(); document.writeln(d); </script> </p> <h1>現在の時刻</h1> <p> <script type="text/javascript"> var d = new Date(); document.writeln(d); </script> </p> </body> </html> Sample.cssも書きます。body{ background-color: #FFFFF0; } h1{ background-color: #99CC33; } h2{ background-color: #A3AA60; } p{ font-size: 2em; font-family: fantasy; }
- 締切済み
- HTML
- javespriptについて
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="css/top.css"> <title>地球船地球丸プロジェクト</title> <script type="text/javascript"> <!-- for(var i=1;i<=1000,i++){ document.writeln(i+"回目:桑立") } --> </script> </head> <body> </body> </html> と <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="css/top.css"> <title>地球船地球丸プロジェクト</title> <script type="text/javascript"> <!-- var ra-men =10; if(ra-men> =60){ alert("合格"); } else{ alert("不合格"); } --> </script> </head> <body> </body> </html> うまくいきません 間違っているのでしょうか
- ベストアンサー
- ブラウザ
- phpでこのイコールは代入演算子ですか？ <l
phpでこのイコールは代入演算子ですか？ <link rel="stylesheet" type="text/css" href="stylesheet.css"> ↑このイコールです link relにstylesheetを代入するという意味ですか？ ↓他にもたくさんありますが、このイコールは代入演算子なんですか？ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Progate</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body>
- ベストアンサー
- PHP
- XP Pro SP3 / IE8で表示されない
以下のようなHTMLのページを作成したのですが、XP Pro SP3 / IE8環境では、ページが正常に表示されません。どのような点を直せば表示されるのでしょうか。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>タイトル</title> <script src="./scripts/common.js"></script> <!--[if It IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"><script> <![endif]--> <link href="./styles/style.css" rel="stylesheet" type="text/css" /> </head> <body> <header> <h1><a href="./" title="タイトル">タイトル</a></h1> </header> <article> <p>本文</p> </article> <footer> <p id="copyright"> Copyright(C) hogehoge all rights reserved. </p> </footer> </body> </html>
- ベストアンサー
- HTML
- ブラウザの解像度横幅1280の時スタイルシートを記述したいのですが
記述が間違ってると思われうまくいきません。 どなたか間違ってるところを指摘してくださいませ。。 初心者ですお願い致します。 <html> <head> <title>モニタサイズに合わせてウィンドウサイズを変更する</title> <script Language="JavaScript"><!-- w = screen.width; moveTo(0,0); if (w == 1280) { document.write ("<link rel=stylesheet href="'+ a.css +'" type="text/css">"); } else if () { document.write("<link rel=stylesheet href="'+ b.css +'" type="text/css">"); } // --></script> </head> <body> </body> </html> なおa.cssには、背景黒くしてます。
- 締切済み
- JavaScript
- JavaScriptで九九
繰り返し処理を用いて画像のように表示させたい場合はどこを修正すればいいですか？ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>九九</title> </head> <body> <script> for (var i = 1; i <= 9; i++) { for (var j = 1; j <= 9; j++) { document.write(`${i} * ${j} = ${i*j}<br/>`); } } </script> </body> </html>
- 締切済み
- JavaScript
- JavaScriptでエラー表示されてしまします
いつもお世話になっております。 現在、JavaScriptの勉強をしているのですが、実行しようとするとエラー表示されてしまいます。 解決方法に心当たりのある方は教えて頂けないでしょうか。 実行環境はGoogle Chromeです。 ソースは以下のようになっています。 <doctype! html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Javascript</title> <link rel = "stylesheet" href = "jscss.css"> </head> <body> <h1>写真一覧</h1> <script type="text/javascript"> for (var i = 100; i <= i + 14; i++) { img = "fredis2 " + i +".JPG"; document.write("<img src='img/2011-05-12 fredis2/"+ img +">") } </script> </body> </html> 今までソースに間違いなどがあった場合は、間違い部分のみ表示されないだけで、ブラウザ上には表示出来ていたのですが、 今回は「エラー このWebページの表示中に問題が発生しました。続行するには、再度読み込みするか別のページに移動して下さい」と表示された暗いページが表示されてしまいます。 もちろん、再度読み込み、別ページ移動は試してみましたが結果は同じでした。 なお、他のコードファイルは問題なく実行できます。 よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- IEで背景画像が表示されない
【HTML部分】 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>あああああ</title> <link href="text.css" rel="stylesheet" type="text/css"> </head> <body> あいうえお </body> </html> 【CSS部分】 body { background-image: url("./img/back.jpg"); background-repeat: repeat; } Firefox系やchrome系では背景が表示されるのですが、IEでのみ白色となってしまいます。 検索してひと通りの解決方法を試してみましたがどれもうまくいかず…。 解決のヒントをいただけたらと思います。 よろしくお願いしますm(_ _)m
- ベストアンサー
- HTML
- 3の倍数の合計値
3の倍数を足した合計値を表示するにはどうすればいいか教えてください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>for課題1</title> </head> <body> <script> var sum = 1; for (var i = 1; i <= 100; i++) { if (i % 3 === 0) { } sum += i; document.write(sum);} //表示がうまくいかない //1から100までの間で、3の倍数の数だけを足した合計値(1683)を表示したい </script> </body> </html>
- ベストアンサー
- JavaScript
- cssが読み込まれません。
VScodeでhtmlの練習を始めましたが、どうやってもcssが読み込まれません。同じフォルダ内に保存してます。名前間違いもないです。 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>方法1</title> <link rel="stylesheet" href="style.css"> </head> <body> <p>方法1:外部のCSSファイルを読み込む</p> </body> </html> CSS @charset "UTF-8"; p { color: blue; }
- ベストアンサー
- HTML
お礼
そんなことも結構あるんですね 別の本で、イラストがあまりない本があったので、そちらを買ってみました。 以前の本よりわかりやすいです。 回答詳しく書いていただき有り難うございました