すべてのブラウザで戻るボタンを使用した後に「onload」イベントを確実にトリガーするにはどうすればよいですか?-jsチュートリアル-php.cn

すべてのブラウザで戻るボタンを使用した後に「onload」イベントを確実にトリガーするにはどうすればよいですか?

Patricia Arquette

リリース： 2024-12-17 04:45:25

オリジナル

222 人が閲覧しました

How Can I Reliably Trigger the `onload` Event After Using the Back Button in All Browsers?

戻るボタンをクリックしたときのクロスブラウザーオンロードイベントの問題への対処

Web 開発の世界では、ブラウザー固有の動作を処理することが重要です。このような問題の 1 つは、JavaScript の onload イベントで発生します。このイベントは、IE を除き、戻るボタンでページに戻ったときにトリガーされません。この記事は、この課題に対処するためのクロスブラウザのソリューションを詳しく掘り下げることを目的としています。

問題の説明

上で述べたように、主要なブラウザ (Firefox、Opera、Safari) には次のような機能がありません。ページに戻るときの onload イベントのサポート。これは、ページの読み込み時に必要なスクリプトやアニメーションを実行する際に障害となります。

解決策

幸いなことに、jQuery は、ページの読み込み時にページのリロードをトリガーする多用途のソリューションを提供します。ボタンが押されました。興味深いことに、この動作は jQuery に onunload イベントリスナーが組み込まれていることによって生じています。

機能

onunload を body タグに追加すると、JQuery アプローチと同様に機能する onload イベントが開始されます。。この手法は、イベントハンドラーの内容に関係なく、Safari、Opera、および Mozilla でページのリロードを効果的にトリガーします。

例

<body onunload="">
    <script>
        alert('first load / reload');
        window.onload = function() { alert('onload') };
    </script>
    <a href="http://stackoverflow.com">click me, then press the back button</a>
</body>

ログイン後にコピー

この例では、両方の最初のページの読み込みとその後の「戻る」ボタンのクリックにより、警告メッセージが生成されます。

追加注