ハード リセットとソフト リセット: JavaScript でどのリフレッシュ メソッドをいつ使用するか?

JS リフレッシュ: ハード リセットとソフト リセット

JavaScript には Web ページをリフレッシュするためのメソッドがいくつかありますが、そのすべてが完全にリロードされるわけではありませんページ。この記事では、外部リソースを含むページ全体を更新するハード リフレッシュと、サーバーからリソースをフェッチする代わりにキャッシュからリソースをロードするソフト リフレッシュの違いについて説明します。

ハード リフレッシュ

JavaScript 経由でハードリフレッシュを実行するには、location.reload() メソッドを引数 true とともに使用できます。これにより、ブラウザはキャッシュを無視して、画像、CSS、JavaScript などのすべての外部リソースを含むページの新しいコピーを取得するようになります。

location.reload(true);

注意事項

このソリューションはブラウザー間で一貫して機能しない可能性があることに注意してください。 MDN によると、location.reload() の ForceGet パラメータをサポートしているのは Firefox だけであり、他のブラウザはそれを無視します。

ソフト リフレッシュ

If the location.reload( ) メソッドが引数なし、または false 引数を指定して呼び出された場合、ブラウザはサーバーではなくキャッシュからページをリロードすることを選択する場合があります。これは、不必要なネットワーク要求を減らしてパフォーマンスを向上させるためです。

追加リソース:

• [位置オブジェクト](https://developer.mozilla.org) /en-US/docs/Web/API/Location)

以上がハード リセットとソフト リセット: JavaScript でどのリフレッシュ メソッドをいつ使用するか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。