Javascriptの実行順序について簡単に解説_基礎知識

JavaScript はトップダウンの順序で実行されます。特に指定しない限り、JavaScript コードはページがロードされるまで待機せずに実行されます。たとえば、Web ページに次の HTML コードが含まれているとします。

コードをコピーします コードは次のとおりです:

www.jb51.net

へようこそ

HTML コードのこの行の前に次の Javascript コードを追加すると、

コードをコピー コードは次のとおりです:

このページを実行すると、次のエラー メッセージが表示されます。 「document.getElementById('ele') は null です。」 その理由は、上記の JavaScript が実行されるとき、ページ上に ID 'ele' を持つ DOM 要素がまだ存在しないためです。
解決策は 2 つあります。
1. JavaScript コードを HTML コードの後に​​配置します。

コードをコピーします

www.jb51.net へようこそ

2. Web ページがロードされるまで待ち、JavaScript コードを実行します。従来の解決策 (ロード) を使用することもできます。まず HTML 本文を追加し、「,」を追加してから、load() 関数で上記の JavaScript コードを呼び出します。ここで注目したいのは、jQuery を使用してそれを実現することです:

コードをコピーします コードは次のとおりです:

< ;script>
$(document).ready(function(){
document.getElementById('ele').innerHTML= '私のブログへようこそ';
} );

//もちろん jQuery を使用するので、より簡単な書き方は次のとおりです:
<script><br>$(document).ready(function( ){<br> $('#ele' ).html('私のブログへようこそ'); // .text() メソッドはここでも利用できます<br>});<br></script>

上記の jQuery を配置できます。コードがページのどこに配置されても、実行前にページが読み込まれるまで常に待機します。