JSスクリプトdeferの役割の例-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JSスクリプトdeferの役割の例

PHPz

May 16, 2016 pm 05:05 PM

defer 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 タイプのスクリプトセグメントで document.write コマンドを呼び出さないでください。 document.write は直接的な出力効果を生み出します。
2. また、遅延スクリプトセグメントには、即時実行スクリプトで使用されるグローバル変数や関数を含めないでください。

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

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7319

Java チュートリアル

1625

CakePHP チュートリアル

1349

Laravel チュートリアル

1261

PHP チュートリアル

1209

Related knowledge

EdgeブラウザのJSスクリプトを無効化する方法 Jan 07, 2024 am 11:17 AM

新しいバージョンの Edge ブラウザに慣れていない友人も多く、たとえば、JS スクリプトを無効にする方法がわかりません。今日は、Edge ブラウザで JS スクリプトを無効にする方法を紹介します。一緒に学びましょう。 Edge ブラウザー JS スクリプト: 1. ブラウザーを開き、右上隅にある 3 つの点をクリックして、「設定」を選択します。 2. 左側のタスクバーの「詳細設定」をクリックします。 3. 下にスクロールして [Web サイトのアクセス許可] を見つけ、[アクセス許可の管理] をクリックします。 4. 「サイトのアクセス許可」で「JavaScript」を見つけます。 5.後ろにあるスイッチをオフにします。

Go言語のdeferキーワードとは何ですか? Jun 11, 2023 am 09:10 AM

Go言語のdeferキーワードとは何ですか?プログラムを作成するとき、特定の関数やメソッドの実行後にクリーンアップやリソースの解放作業を実行する必要があることがよくあります。このとき、Go 言語では defer キーワードを使用することで、関数やメソッドが戻るまでクリーンアップやリソース解放のタスクを延期できる便利な仕組みが用意されています。 defer キーワードはコンパイル時に解析される構文糖で、現在の関数またはメソッドが返されるまで関数またはメソッドの呼び出しを延期します。

Golang 関数での defer キーワードのさまざまな使用法 May 17, 2023 am 09:01 AM

Golang は、非常に豊富な言語機能を備えた非常に人気のあるプログラミング言語であり、その 1 つは、特定の関数を完了するために defer キーワードを使用することです。この記事では、defer キーワードのさまざまな使用方法を紹介します。関数の実行の遅延 Golang では、defer キーワードの最も一般的に使用される機能は、関数の実行を遅延することです。これは、関数の実行後、defer キーワードでラップされた関数が遅れることを意味します。たとえば、defer キーワードを使用してその日を出力できます。

Go言語の遅延実行ステートメントとは何ですか Jan 11, 2023 pm 06:28 PM

Go 言語では、遅延実行ステートメントは defer ステートメントであり、構文は「defer any statement」です。 defer ステートメントは、それに続くステートメントの処理を遅らせます。defer が属する関数が戻ろうとすると、遅延されたステートメントは defer とは逆の順序で実行されます。つまり、最初に遅延されたステートメントが実行されます。最後に実行され、最後に延期されたステートメントが実行されます。ステートメントが最初に実行されます。

golang 関数の遅延とパニック Apr 20, 2024 am 11:06 AM

defer および Panic キーワードは、例外と後処理を制御するために使用されます。 defer: 関数をスタックにプッシュし、関数が戻った後に実行します。リソースを解放するためによく使用されます。パニック: 例外をスローしてプログラムの実行を中断し、実行を継続できない重大なエラーを処理するために使用されます。違いは、defer は関数が正常に戻った場合にのみ実行されるのに対し、panic はエラーが発生した場合でも、いかなる状況でも実行されることです。

Golang関数でキーワードdeferとrecoverを一緒に使用する方法 May 15, 2023 pm 11:21 PM

Golang は、もともと Google によって開発され、2009 年に初めてリリースされた、効率的で簡潔で学びやすいプログラミング言語です。プログラマーの生産性とコードの明瞭さを向上させるように設計されています。 Golang では、プログラム内で発生する可能性のあるエラーを処理するために、関数キーワード defer とcover がよく一緒に使用されます。この記事では、これら 2 つのキーワードの使用法を紹介し、いくつかの例を通して実際の応用例を説明します。 1. deferの使い方 deferがキーワード

Go 言語における遅延とパニックの関係は何ですか? Jun 11, 2023 am 09:00 AM

Go 言語は、いくつかの独自の構文と機能が追加された新しいプログラミング言語で、その中で defer と Panic の 2 つの非常に重要な機能があります。この記事ではGo言語におけるdeferとpanicの関係や使い方、特徴について紹介します。 defer の使い方 Go 言語の defer 文は関数を登録するために使用され、この関数の実行が終了するか現在のスコープが終了すると、登録した関数が自動的に実行されます。延期が使える