ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML ページは、js および css ファイルのキャッシュを自動的にクリーンアップします (バージョン番号は自動的に追加されます)_HTML/Xhtml_Web ページの制作

HTML ページは、js および css ファイルのキャッシュを自動的にクリーンアップします (バージョン番号は自動的に追加されます)_HTML/Xhtml_Web ページの制作

韦小宝
韦小宝オリジナル
2017-12-16 11:48:381660ブラウズ

この記事では、HTML ページ内の js および css ファイルのキャッシュを自動的に削除する方法 (バージョン番号を自動的に追加する) を主に紹介します。編集者はこれが非常に優れていると考えています。ここで HTML のソース コードを共有します。 HTML に興味のある友達は、エディターをフォローして見てください

Web プロジェクトの開発プロセスでは、CSS ファイルや js ファイルを参照することがよくあります。 ファイルを更新した後、キャッシュの問題が頻繁に発生します (コードは明らかに変更されています)。では、ブラウザでアクセスしても変化はありません)、この場合、通常は次の 2 つの解決策を使用します:

1. ブラウザのキャッシュを手動でクリアします

2. バージョン番号を追加します (layout.css?v= など)。 1)

個人的には、ブラウザのキャッシュをクリアするにはブラウザの応答を待つ必要があるため、方法 2 の方が速いと思います。しかし、毎回バージョン番号を変更するのは面倒なので、バージョン番号を自動的に追加する方法を見つける必要があります

以下は私が集めた方法です:

方法 1: バージョン番号を自動的に追加することができます。 html through js


 <script type="text/javascript">  
document.write("<link rel=&#39;stylesheet&#39; type=&#39;text/css&#39; href=&#39;/css/layout.css?v="+new Date().getTime()+"&#39;>");   
</script>


方法 2: JSP ページの場合は、Java コードを使用して タイムスタンプ を生成できます (JSP ページの場合は、方法 1 を使用することもできますが、この方法の方が便利です)


<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">


方法 3: node.js自動設定などの他の方法を使用してバージョン番号を追加します。

ps: の目的キャッシュをクリアすることは、ページをオンラインにするとき (つまり、正式な環境にデプロイするとき、変更は行われません)、ページがキャッシュされているため、バージョン番号を修正することをお勧めします。アクセスが速くなり、更新が必要なときに固定バージョン番号を変更できます。

以上がこの記事の全内容です。皆様の学習に少しでもお役に立てれば幸いです。よろしくお願いいたします。

関連おすすめ:

htmlのspanタグの使い方

htmlスクロールバーのスタイル設定

htmlが文字化けする原因と解決方法

以上がHTML ページは、js および css ファイルのキャッシュを自動的にクリーンアップします (バージョン番号は自動的に追加されます)_HTML/Xhtml_Web ページの制作の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。