JavaScriptの遅延とは何ですか-jsチュートリアル-php.cn

defer は、スクリプトセグメントにすぐに実行する必要のないコードが含まれており、SRC 属性と組み合わせて使用されることをブラウザに伝えます。また、これらのスクリプトがバックグラウンドでダウンロードされる可能性もあります。フォアグラウンドのコンテンツは通常、「< ;script defer>js code」という構文でユーザーに表示されます。

JavaScriptの遅延とは何ですか

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

多くの人はすでに Javascript の使用に習熟していますが、defer を見ても、それが何に使われるのかわからないかもしれません。また、多くの人がそのような問題に遭遇し、DOM を直接実行して操作する必要があることもあります。オブジェクトの js は常にオブジェクトが見つからないというエラーを報告しますが、その理由はご存知のとおり、ページがまだ読み込まれておらず、js 操作オブジェクトがまだダウンロード中であるためです。しかし、多くの人は、defer タグを追加することでこの問題を簡単に解決できることを知りません。

<script src="../CGI-bin/delscript.js" defer></script>

ログイン後にコピー

の defer の機能は、オブジェクトが見つからないという問題を回避するために、ドキュメントがロードされた後にスクリプトを実行することです -- ちょっとした問題です

<button id="myButton" onclick="alert(&#39;ok&#39;)">test</button>
<script>
myButton.click();
</script>

<script>
myButton.click();
</script>
<button id="myButton" onclick="alert(&#39;ok&#39;)">test</button>

<script defer>
function document.body.onload() {
alert(document.body.offsetHeight);
}
</script>

ログイン後にコピー

追加defer はページが完全にロードされたことを意味します。その後、それを実行します。これは window.onload と同等ですが、アプリケーションの柔軟性は window.onload よりも優れています。

defer は、スクリプトプログラムの力における「縁の下の力持ち」です。これは、スクリプトセグメントにすぐに実行する必要のないコードが含まれていることをブラウザーに伝え、SRC 属性と組み合わせて使用すると、これらのスクリプトがバックグラウンドでダウンロードされ、フォアグラウンドのコンテンツが表示されるようにすることもできます。通常通りユーザーに。

--ただし、ドキュメントが読み込まれた後にスクリプトを実行してください。

次の 2 つの点に注意してください:

1. defer-type で document.write コマンドを呼び出さないでください。 script セグメント。 document.write が直接の出力効果を生み出すためです。

2. また、遅延スクリプトセグメントには、即時実行スクリプトで使用するグローバル変数や関数を含めないでください。

パフォーマンスを最適化する一般的な方法は、スクリプトをすぐに実行する必要がない場合に、

著者別の最新記事