2017-06-09 23 views
0

これはなぜ空白の画面になりますか?HTMLの空白の画面

01_using_javascript.html

<!DOCTYPE html> 
    <html> 
    <head> 
     <title> Test </title> 
     <script src="01_using_javascript.js"> </script> 
    </head> 

    <body> 
     <p id="demo"></p> 
    </body> 
    </html> 

01_using_javascript.js

document.getElementById("demo").innerHTML = Hi; 
+0

undefined' 'innerHTML'というプロパティを持っていない'に関するエラーメッセージのための開発ツールのコンソールをチェックしてください。あなたはp要素の後scriptタグを置くか、window.onloadイベントを使用し、そのようにどちらか開発者**のツールコンソール(通常はキーボードのF12)が最初のデバッグアベニューでなければなりません –

+1

"Hi"を引用符で囲みます。あなたのスクリプトは(空の)変数として 'Hi'を扱っています。 –

+0

@ JaromandaX F12は私に要素をインスペクションします(私はGoogle Chromeを使用しています)。 – user604803

答えて

3

だけでなく、あなたは変更したい。 ** -

window.onload = function() { 
    document.getElementById("demo").innerHTML = "Hi"; 
} 
2

変更document.getElementById("demo").innerHTML = "Hi";に01_using_javascript.jsで行。ブラウザは自分自身でHiを認識しません。

3

挿入したい文字列に引用符を追加:あなたは引用符でHiをラップするために持っていますが、あなたはまた、要素をロードするためにDOMを待つ必要がありますか

document.getElementById("demo").innerHTML = "Hi";
<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
     <title> Test </title> 
 
     <script src="01_using_javascript.js"> </script> 
 
    </head> 
 

 
    <body> 
 
     <p id="demo"></p> 
 
    </body> 
 
    </html>

関連する問題