Javascriptの実行手順を説明します.

1360 ワード

Javascriptは実行順序が一番上で、特に説明しない限り、Javascriptコードはページのロードが完了してから実行されません.例えば、ホームページには以下のHTMLコードが含まれています.
 
  
welcome to www.jb51.net

もしあなたがこの行のHTMLコードの前に、以下のJavascriptコードを追加すると:
 
  
<br>  document.getElementById('ele').innerHTML= 'welcome to my blog'; <br>
このページを実行すると、このようなエラー情報が得られます.
解決方法は二つあります.
1.javascriptコードをHTMLコードの後に置く:
 
  
 
welcome to www.jb51.net

<br>  document.getElementById('ele').innerHTML='welcome to my blog'; <br>
2.ウェブページのロードが完了したら、このjavascriptコードを実行します.伝統的な解決方法(load)を使ってもいいです.まずHTMLのbodyを追加してください.
コードは以下の通りです
 
  
<br>$(document).ready(function(){ <br>   document.getElementById('ele').innerHTML= 'welcome to my blog'; <br>}); <br>
// , jQuery, :
<br>$(document).ready(function(){ <br>   $('#ele').html('welcome to my blog'); // .text() <br>}); <br>
上記のjQueryコードをページのどの位置に置いてもいいです.いつもページの読み込みが終わってから実行します.