ブラウザのキャッシュをクリアするにはどうすればよいですか? jsで簡単に作る4つの方法

ブラウザを使用してインターネットにアクセスするたびに、いくつかのキャッシュ ファイルがローカル ディスクに保存されます。これらのブラウザのキャッシュは、ネットワーク リソースを節約し、閲覧を高速化するために、最近リクエストされたドキュメントをユーザーのディスクに保存し、訪問者がこのページを再度リクエストしたときに、ブラウザがローカル ディスクからドキュメントを表示できるようにします。ページの閲覧を開始します。ただし、キャッシュによって問題が発生したり、誤ったデータが表示されたりする可能性があるため、キャッシュをクリアする必要がある場合があります。

この章では、キャッシュをクリアする方法に関する 4 つの JS メソッドを紹介します。困っている友人は参考にしていただければ幸いです。

1: ブラウザキャッシュとは何ですか?

1. すべてのデータをサーバーに保存できますが、これでは Web ページにアクセスするとしばらくフリーズし、サーバーのストレージ容量が無駄になり、サーバーに負担がかかります

。 2 .ブラウザのキャッシュにより、Web サイトのパフォーマンスとブラウザの速度が向上しますが、頻繁に更新する必要がある Web ページの場合、キャッシュによりユーザーは更新されたスタイルを表示できなくなります

2 つ: js を介してキャッシュをクリアする方法は?

1. 乱数

1) スクリプトは存在しませんが、サーバーによって動的に生成されるため、違いを示すためにバージョン番号が含まれています。 つまり、パスまたはファイル名の後の乱数はファイルと同等ですが、ブラウザはそれがファイルの特定のバージョンであると認識します。

2) クライアントはこれらの css または js ファイルをキャッシュするため、js または css ファイルをアップグレードしてバージョン番号を変更するたびに、クライアントのブラウザーは新しい js または css ファイルを再ダウンロードします。これはフラッシュ キャッシュの役割です

/* 图片的路径+图片名+随机数=图片的版本号更替 */
$("#pic_code").attr('src','/static/img/verify_code.png'+'?temp=' + Math.random());
/* Math.random() 只能在Javascript 下起作用 */<script type="text/javascript" src="core.js?v=20140829"></script>
/*时间*/
?v=new Date().getTime();

2.meta

HTML の先頭領域にコードを追加します:

<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="content-type" content="no-cache, must-revalidate" />
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>

3.ajax

1) ajax が閲覧キャッシュを呼び出さないように属性cache:falseを設定します。

cache:false

2) ajax を使用してサーバーから最新のファイルをリクエストし、次のようにリクエスト ヘッダー If-Modified-Since と Cache-Control を追加します。

beforeSend :function(xmlHttp){ 
   xmlHttp.setRequestHeader("If-Modified-Since","0"); 
   xmlHttp.setRequestHeader("Cache-Control","no-cache");
  }

4.replace

replace の原則は、現在のページと replace パラメータで指定されたもの Page

<script language="javascript"> 
             function jump(){ 
                 window.location.replace("b.html"); 
             } 
         </script>

以上がブラウザのキャッシュをクリアするにはどうすればよいですか? jsで簡単に作る4つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。