js或css檔案更新後清除瀏覽器快取的方法
瀏覽器快取，有時候我們需要他，因為他可以提高網站效能和瀏覽器速度，提高網站效能。但是有時候我們又不得不清除快取，因為快取可能誤事，出現一些錯誤的資料。像股票類網站實時更新等，這樣的網站是不要快取的，像有的網站很少更新，有快取還是比較好的。今天主要介紹清除快取的幾種方法。
清理網站快取的幾種方法
meta方法
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
清理form表單的臨時快取
方式一：用ajax請求伺服器最新檔案，並加上請求頭If-Modified-Since和Cache-Control,如下:
$.ajax({
url:'www.haorooms.com',
dataType:'json',
data:{},
beforeSend :function(xmlHttp){
xmlHttp.setRequestHeader("If-Modified-Since","0");
xmlHttp.setRequestHeader("Cache-Control","no-cache");
},
success:function(response){
//操作
}
async:false
});
方法二，直接用cache:false,
$.ajax({
url:'www.haorooms.com',
dataType:'json',
data:{},
cache:false,
ifModified :true ,
success:function(response){
//操作
}
async:false
});
方法三：用隨機數，隨機數也是避免快取的一種很不錯的方法！
URL 引數後加上 "?ran=" + Math.random(); //當然這裡引數 ran可以任意取了
eg:
<script>
document.write("<s"+"cript type='text/javascript' src='/js/test.js?"+Math.random()+"'></scr"+"ipt>");
</script>
其他的類似，只需在地址後加上+Math.random()
注意：因為Math.random() 只能在Javascript 下起作用，故只能通過Javascript的呼叫才可以
方法四：用隨機時間，和隨機數一樣。
在 URL 引數後加上 "?timestamp=" + new Date().getTime();
用PHP後端清理
在服務端加 header("Cache-Control: no-cache, must-revalidate");等等(如php中)
方法五：
5、window.location.replace("WebForm1.aspx");
引數就是你要覆蓋的頁面，replace的原理就是用當前頁面替換掉replace引數指定的頁面。
這樣可以防止使用者點選back鍵。使用的是javascript指令碼，舉例如下：
a.html
以下是引用片段：
<html>
<head>
<title>a</title>
<script language="javascript">
function jump(){
window.location.replace("b.html");
}
</script>
</head>
<body>
<a href="javascript:jump()">b</a>
</body>
</html>
b.html
以下是引用片段：
<html>
<head>
<title>b</title>
<script language="javascript">
function jump(){
window.location.replace("a.html");
}
</script>
</head>
<body>
<a href="javascript:jump()">a</a>
</body>
</html>
相關推薦
js或css檔案更新後清除瀏覽器快取的方法
二、關於瀏覽器快取瀏覽器快取，有時候我們需要他，因為他可以提高網站效能和瀏覽器速度，提高網站效能。但是有時候我們又不得不清除快取，因為快取可能誤事，出現一些錯誤的資料。像股票類網站實時更新等，這樣的網站是不要快取的，像有的網站很少更新，有快取還是比較好的。今天主要介紹清除快取的幾種方法。清理網站快取的幾種方法
js中自動清除瀏覽器快取方法
<img src="aa.jpg" id="pic_domain"> 假如aa.jpg的圖片在變化，可以新增?id="+Math.random()程式碼清除瀏覽器快取，程式碼如下 <script> document.getElementById("p
gulp配置自動重新整理瀏覽器壓縮js和css檔案和圖片
1.在專案目錄下新建gulpfile.js檔案,配置如下內容 var gulp = require("gulp"); var cssnano = require("gulp-cssnano"); var rename = require("gulp-rename"); var uglify =
清除瀏覽器快取js檔案的幾種方法
關於瀏覽器快取 瀏覽器快取，有時候我們需要他，因為他可以提高網站效能和瀏覽器速度，提高網站效能。但是有時候我們又不得不清除快取，因為快取可能誤事，出現一些錯誤的資料。像股票類網站實時更新等，這樣的網站是不要快取的，像有的網站很少更新，有快取還是比較好的。今天主要介紹清除
JSP中引入專案中的js檔案或css檔案或圖片
以引入jQuery為例：引入通常分為相對路徑和絕對路徑：相對路徑舉例：<script type="text/javascript" src="../plug-in/jquery/jquery-2.1.1.min.js"></script>其中../表示
webpack打包編譯時，不識別src目錄以外的js或css
default con col class 簡單的 報錯 ons src expect 前端的dva項目開發時，遇到個很郁悶的問題，用es6的語法簡單的export一個變量出來，在其他js中import使用，結果就報錯了。 export寫法如下： 1 const
js或css指定元素點擊時內容不可被選中
指定元素 art class family adding input tro hover ria 一、css3中可以使用"user-select"屬性： body{ -webkit-user-select:none;/*谷歌
html 引用js與css檔案
<script type="text/javascript" src="files/js/my.js"></script> <link rel="stylesheet" type="text/
引用js、css檔案時加時間戳
在做專案時，看到了在jsp中引入js、css檔案的時候加上時間戳的寫法 <link rel="stylesheet" href="<%=basePath%>bin/js/bootstrap_table/bootstrap-table.css?v
js、css檔案無法拖拽到jsp檔案裡的問題解決方法
近來新入職，公司電腦用的是myeclipse 2016，在開發的時候遇到js和css檔案無法拖拽到jsp裡的問題，網上搜索很多答案都不能解決，最後在某一論壇找到答案，如下： 1.window-prefences-general-Editors-Text-editors-enable drag an
新手教學 gulp 合併壓縮js、css檔案
文章目錄 打包壓縮js、css檔案 如何執行 打包壓縮js、css檔案 先上程式碼，如下所示 // 獲取 gulp var gulp = require('gulp'); // 獲取 uglify 模組（用於壓縮 JS） var ug
js清除瀏覽器快取的方法
瀏覽器快取 瀏覽器的快取在一定程度上可以提高網站效能和瀏覽器速度。但是在某些特殊的的情況下快取也可能會給我們帶來不便。 幾種清理快取的方法： meta方法 //不快取 <META HTTP-EQUIV="pragma" CONTENT="no-cache">
js、css檔案gzip靜態壓縮以及gzip動態壓縮
useSendfile="false" compression="on" compressionMinSize="2048" noCompressionUserAgents="gozilla, traviata
關於WEB-INF目錄不提供外部訪問及JSP引用 js，css 檔案路徑問題
在 web 專案開發過程中，我們常常使用到 JSP，以及對靜態資源，js，css 等引用，但是我們應該把這些資原始檔放在哪個目錄下面咧，怎麼引用。當然如果是前後端分離的專案倒不用考慮這些。WEB-INF：出於安全性的考慮，這個目錄是禁止外部直接訪問的，所以 JSP 頁面放在這
關於SpringMVC下無法引用外部的js，css檔案錯誤
環境Spring Tool suite。 spring 3.2.9 +hibernate 3 問題描述： 需要在一個頁面引用bootstrap這個外掛(這是一個做頁面的吧，我也採用，感覺逼格挺高啊)，然後在引用的時候總是會出現 No mapping f
JavaScript使用localStorage快取Js和css檔案
對於WebApp來說，將js css檔案快取到localstorage區可以減少頁面在載入時與HTTP請求的互動次數,從而優化頁面的載入時間.特別是當移端訊號不好高延遲時優化效果還是很顯見的 下面的程式碼可以實現此功能： <!DOCTYPE html> <html lang="e
多個 js、css 檔案怎麼統一引用？
新建commentJs.js檔案，把需要引用的js用以下方法放入 document.write('<script src="static/js/student/student.js" type="text/javascript"></script>'); document
根據正則表示式匹配頁面中js和css檔案
// 匹配 List<string> srcList = new List<string>(); List<string> linkList = new List<string>();
給JS與CSS檔案加版本號
有時候剛釋出的檔案可能會存在快取，最常見的是JS與CSS檔案無法及時更新 所以需要給這些檔案加一個版本號解決 <link rel="stylesheet" type="text/css" href="~/Content/static/system/css/[email p
grunt壓縮js和css檔案(1)
接下來是個人的理解： 壓縮js 1、node安裝，node會自動安裝npm。 安裝完之後檢視版本：node -v 和 npm -v 2、新建專案後package.json 安裝。 命令：npm init（直接一直回車，輸入yes之後回車