ホームページ > ウェブフロントエンド > htmlチュートリアル > iframeの読み込みイベントとは何ですか?

iframeの読み込みイベントとは何ですか?

DDD
リリース: 2023-08-28 13:55:35
オリジナル
3705 人が閲覧しました

iframe の読み込みイベントには、onload イベント、onreadystatechange イベント、onbeforeunload イベント、onerror イベント、onabort イベントなどが含まれます。詳細説明: 1. onload イベント、iframe のロード後に実行される JavaScript コードを指定、2. onreadystatechange イベント、iframe の状態が変化したときに実行される JavaScript コードを指定、など。

iframeの読み込みイベントとは何ですか?

# このチュートリアルのオペレーティング システム: Windows 10 システム、Dell G3 コンピューター。

iframe は、HTML ドキュメントを別の HTML ドキュメント内に埋め込むために使用される HTML のタグです。 iframe を使用すると、他の Web ページのコンテンツを Web ページ内に表示できます。 iframe の読み込み時にトリガーできるさまざまなイベントがいくつかあります。一般的な iframe 読み込みイベントのいくつかを以下に紹介します。

1. onload イベント: iframe がロードされるときにトリガーされます。 iframeタグにonload属性を追加することで、読み込み完了後に実行するJavaScriptコードを指定できます。例:

<iframe src="example.html" onload="myFunction()"></iframe>
ログイン後にコピー

2. onreadystatechange イベント: iframe の状態が変化するとトリガーされます。 onreadystatechange 属性を iframe タグに追加することで、状態が変化したときに実行される JavaScript コードを指定できます。例:

<iframe src="example.html" onreadystatechange="myFunction()"></iframe>
ログイン後にコピー

3. onbeforeunload イベント: ユーザーが現在のページを離れるか、ページをリロードするとトリガーされます。 onbeforeunload 属性を iframe タグに追加することで、ユーザーがページを離れる前に実行される JavaScript コードを指定できます。例:

<iframe src="example.html" onbeforeunload="myFunction()"></iframe>
ログイン後にコピー

4. onerror イベント: iframe の読み込みに失敗したときにトリガーされます。 iframe タグに onerror 属性を追加することで、読み込み失敗時に実行する JavaScript コードを指定できます。例:

<iframe src="example.html" onerror="myFunction()"></iframe>
ログイン後にコピー

5. onabort イベント: iframe の読み込みが中止されるとトリガーされます。 iframe タグに onabort 属性を追加することで、読み込みが中止されたときに実行される JavaScript コードを指定できます。例:

<iframe src="example.html" onabort="myFunction()"></iframe>
ログイン後にコピー

これらは、一般的な iframe 読み込みイベントです。特定のニーズに応じて、適切なイベントを選択して、対応する操作を実行できます。これらのイベントを使用すると、より柔軟でインタラクティブな iframe 読み込みエクスペリエンスを実現できます。

以上がiframeの読み込みイベントとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート