Javascriptの実行順序を変更する方法-jsチュートリアル-php.cn

Javascriptの実行順序を変更する方法

醉折花枝作酒筹

リリース： 2023-01-07 11:44:09

オリジナル

3185 人が閲覧しました

方法: 1. onload を使用します。2. IE で deferdefer を使用してコードをロードし、すぐには実行できません。ドキュメントがロードされた後に実行されます。3. Ajax で xmlhttpRequest を使用して、外部ドキュメントの読み込みステータス。

Javascriptの実行順序を変更する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

1. onloadを使用します

<script type="text/javascript">
//<![CDATA[
window.onload = f;
function f(){alert(1);}
alert(2);
//]]>
</script>

ログイン後にコピー

出力値の順序は2、1です。

複数の winodws.onload がある場合、最も効果的なものだけが有効になることに注意してください。解決策は次のとおりです:

window.onload = function(){f();f1();f2();.....}

ログイン後にコピー

レベル 2 DOM イベントタイプを使用します

if(document.addEventListener){
window.addEventListener(&#39;load&#39;,f,false);
window.addEventListener(&#39;load&#39;,f1,false);
...
}else{
window.attachEvent(&#39;onload&#39;,f);
window.attachEvent(&#39;onload&#39;,f1);
...
}

ログイン後にコピー

2. Deferdefer は IE で使用してコードをロードし、すぐには実行できません。ドキュメントがロードされた後に実行されます。onload に似ていますが、onload の制限はありません。再利用できますが、これは IE でのみ有効であるため、IE がエラーを報告しないように、上記の例を

<script type="text/javascript">
//<![CDATA[
document.write(&#39;<script type="text/javascript" src="test.js"><\/script>&#39;);
document.write(&#39;<script type="text/javascript" defer="defer">&#39;);
document.write(&#39;alert(2);&#39;)
document.write(&#39;alert("我是" + tmpStr);&#39;);
document.write(&#39;<\/script>&#39;);
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
alert(3);
//]]>
</script>

ログイン後にコピー

に変更すると、出力値の順序は 1、3、 2、私は 1

3 で、Ajax を使用しています。

xmlhttpRequest は外部ドキュメントの読み込みステータスを判断できるため、コードの読み込み順序を変更することができます。

[推奨学習: JavaScript 上級チュートリアル]

以上がJavascriptの実行順序を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。