JavaScriptファイルが読み込まれないのはなぜですか？

これは私のhtmlファイルのコードです：JavaScriptファイルが読み込まれないのはなぜですか？

そして、これは私のjavascriptファイルのコードです：要素がまだ存在していないので

function myFunction() { 
    document.getElementById("demo").innerHTML = "Paragraph changed"; 
}

出典

2017-06-14 Bill

あなたはChromeの開発者ツールとそのネットワークタブを確認しましたか？このタブでこのjsを見つけましたか？ – VivekN

'try1.js'ファイルはHTMLファイルと同じフォルダにありますか？ –

onclickにカッコを入れないでください。 onclick = "myFunction" – 97amarnathk

。本文の末尾にjavascriptを入れてみてください

<html> 
    <head> 
     <title>Example<title> 
    </head> 
    <body> 

     <h1>A Web Page</h1> 
     <p id="demo">A Paragraph</p> 
     <button type="button" onclick="myFunction()">Try it</button> 
     <script type="text/javascript" src="try1.js"></script> 
    </body> 
</html>

インライン展開するとうまくいくようです。


 
     <h1>A Web Page</h1> 
 
     <p id="demo">A Paragraph</p> 
 
     <button type="button" onclick="myFunction()">Try it</button> 
 
     <script type="text/javascript"> 
 
     function myFunction() { 
 
      document.getElementById("demo").innerHTML = "Paragraph changed"; 
 
     } 
 
     </script>

出典

2017-06-14 19:51:18 styfle

スクリプトは頭の中にあります – VivekN

問題はそうではありません。コード 'document.getElementById（" demo "）'は、ボタンがクリックされると実行され、その時点で要素はDOM –

@TasosKに存在します。まさに私が意味するもの。 – VivekN

-1

これを行うための通常の方法は、次のようにjQueryのドキュメントレディ機能であなたのjavascriptをラップすることです。 jqueryを使用していない場合は、それを確認してください。本当に便利です。

$(document).ready(function() { 
    console.log("ready!"); 
});

出典

2017-06-14 19:56:57 frodo2975

なぜここに別の図書館を紹介していますか.Plain JSがその仕事をしています。 – VivekN

この質問にjQueryの使用を必要とするものは何もありません –

聖戦を開始しようとしていませんが、今の時代にjqueryを使用していない場合は、本当にすべきです。そうしなければ、ブラウザ間の互換性のようなことを心配しなければならず、あなたは車輪を再発明することになります。 – frodo2975

JavaScriptファイルが読み込まれないのはなぜですか？

答えて

関連する問題