Firefoxの[戻る]ボタンを使用して以前にアクセスしたページにアクセスすると、そのページのスクリプトが再度実行されません。
2回目にページを表示したときにスクリプトを再度実行するための修正/回避策はありますか？
私はGoogleChromeとInternetExplorerで同じページをテストしましたが、意図したとおりに機能することに注意してください。
問題をテストするために使用したファイルと手順は次のとおりです。
（0.htmlに移動し、クリックして1.htmlに移動し、戻るボタン）
0.html
<html><body>
<script>
window.onload = function() { alert('window.onload alert'); };
alert('inline alert');
</script>
<a href="1.html">Click Me!</a>
</body></html>
1.html
<html><body>
<p>Go BACK!</p>
</body></html>
回答:
window.onunloadで呼び出される空の関数を設定します。
window.onunload = function(){};
例えば
<html><body>
<script type="text/javascript">
window.onload = function() { alert('window.onload alert'); };
window.onunload = function(){};
alert('inline alert');
</script>
<a href="1.html">Click Me!</a>
</body></html>
出典： http ：//www.firefoxanswer.com/firefox/672-firefoxanswer.html （アーカイブ版）
Firefoxの[戻る]ボタンを使用して以前にアクセスしたページにアクセスすると、そのページのスクリプトが再度実行されません。
それは正しいです、そしてそれは良いことです。
Firefox（およびSafari、Opera）でリンクをヒットしても、ページがすぐに破棄されて次のページに移動することはありません。それはページを無傷に保ち、単にそれを非表示にします。戻るボタンを押すと、ドキュメントを再度ロードしなくても、古いページが表示されます。これははるかに高速であり、ユーザーのページへの前後の遷移がスムーズになります。
この機能はbfcacheと呼ばれます。
ユーザーが前回ロードして使用したときにページに追加したコンテンツは、引き続きそこにあります。ページ要素にアタッチしたイベントハンドラーは引き続きアタッチされます。設定したタイムアウト/間隔は引き続きアクティブです。したがって、隠されて再表示されたことを知る必要がある理由はほとんどありません。onloadスクリプトコードを再度呼び出したりインライン化したりするのは間違いです。その関数で行ったバインディングとコンテンツの生成は、同じコンテンツに対して2回実行され、悲惨な結果を招く可能性があるためです。（たとえばdocument.write、インラインスクリプトでは、ページが完全に破壊されます。）
への書き込みwindow.onunloadが効果を発揮する理由は、bfcacheを実装するブラウザが、破棄されるタイミングを本当に知る必要があるページとの互換性のために、いつonunload発生するかを知ることに関心があると宣言するページは、bfcacheに無効になります。そのページは、bfcacheからフェッチされるのではなく、戻ったときに新しくロードされます。
したがって、を設定した場合window.onunload= function() {};、実際に行っているのは、意図的にbfcacheを破壊することです。これにより、ページのナビゲートが遅くなるため、最後の手段として使用しないでください。
bfcacheを台無しにすることなく、ユーザーがいつページを離れるか、ページに戻ったかを知る必要がある場合は、代わりにイベントonpageshowとonpagehideイベントをトラップできます。
window.onload=window.onpageshow= function() {
alert('Hello!');
};
document.readyは基本的にと同じようにwindow.onload機能します（一部のブラウザーでは、とにかく同じイベントです）。
イベントのpersistedプロパティを確認できpageshowます。最初のページの読み込み時にfalseに設定されます。ページがキャッシュからロードされると、trueに設定されます。
window.onpageshow = function(event) {
if (event.persisted) {
alert("From bfcache");
}
};
何らかの理由で、jQueryにはイベントでこのプロパティがありません。ただし、元のイベントから見つけることができます。
$(window).bind("pageshow", function(event) {
if (event.originalEvent.persisted) {
alert("From bfcache");
}
});
何もしない「onunload」イベントに接続します。
<html><body>
<script type="text/javascript">
window.onload = function() { alert('window.onload alert'); };
window.onunload = function(){};
alert('inline alert');
</script>
<a href="1.html">Click Me!</a>
</body></html>
onpopstate、この質問がほぼ5年前に尋ねられたとき、そのイベントはまだ比較的新しく、ブラウザのサポートは非常に一貫性がありませんでした
私の知る限り、FirefoxはonLoadバックでイベントを発生させません。
こちらのリンクに基づいて、代わりにonFocusをトリガーする必要があります。
ユーザーがブラウザの履歴を使用してページに戻ったときにJavaScriptを実行させる簡単な方法は、OnPopStateイベントです。これを使用して、ホームページ（https://fynydd.com）でビデオを一時停止および再生します。
window.onpopstate = function() {
// Do stuff here...
};