js设置与获取缓存，js清除缓存的方法_js浏览器操作

当前位置：首页 > 脚本编程 > javascript实例 > js浏览器操作 > 正文

js设置与获取缓存，js清除缓存的方法: 发布时间：2019-09-09编辑：脚本学堂

本文介绍了js设置与获取缓存，以及js清除浏览器缓存的几种方法，js设置获取cookies的方法，需要的朋友参考下。

js设置与获取缓存，js清除缓存的方法

1，js设置缓存及获取缓存

//设置缓存,获取设置的缓存，键值对形式, name value
localStorage.getItem("key"); //获取键的值
localStorage.setItem("key", 1); //设置键的值

2，JS清除IE浏览器缓存的方法

js中自动清除ie缓存的几种方法

对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了。
但是对于静态文件(css,jpg,gif等等), 在什么场合下面我们需要禁止浏览器缓存他们,怎么做?

方法一：Dojo中简单方法：在dojo.xhrGet(包括post)等方法中都包含preventCache属性，此属性的含义：
“默认为启用浏览器缓存，否则将通过自动增加不同的参数来确保浏览器缓存失效” 只要把此属性赋值为：“true”即可。

方法二：document.write("
其中 ver=113 的 113就是版本号，一般都是采用 CVS 或其他工具生成的开发版本号。
以上可以做到真正缓存时缓存静态文件，当版本有更新时从获取最新的版本，并更新缓存。
对于图像来有效利用和更新缓存.

js清除浏览器缓存

为了减小浏览器与服务器之间网络传输压力，往往对静态文件，如js,css,修饰的图片做cache，也就是给这些文件的http响应头加入 Expires和Cache-Control参数，并指定缓存时间，这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新)，即使在这段时间内服务器的js或css或图片文件已经更新多次，但浏览器的数据依然是原来最能初cache的旧数据，有没有办法让浏览器拿到已经修改后的最新数据?

方法是用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,如下:

复制代码代码示例:

$.ajax({
type: "GET",
url: "static/cache.js",
dataType: "text",
beforeSend :function(xmlHttp){
xmlHttp.setRequestHeader("If-Modified-Since","0");
xmlHttp.setRequestHeader("Cache-Control","no-cache");

}
});

这里用了jquery。
这样浏览器就会把最新的文件替换掉本地旧文件。

当然，另一个问题是js必须知道服务器更新了那个js、css、图片，利用cookie和时间版本应该可以解决.

jquery自从1.2开始就有ifModified和cache参数了，不用自己加header
ifModified Boolean Default: false
Allow the request to be successful only if the response has changed since the last request. This is done by checking the Last-Modified header. Default value is false, ignoring the header.
cache Boolean Default: true
Added in jQuery 1.2, if set to false it will force the pages that you request to not be cached by the browser.

例子：

复制代码代码示例:

$.ajax({ 

type: "GET", 

url: "static/cache.js", 

dataType: "text", 

cache:false, 

ifModified :true 

});

3，js设置获取cookies的方法
1）、两种设置和获取cookie的方法。

复制代码代码示例:

<script>

//设置cookie  方法一

function setCookie(name,value){ 

　　var exp = new Date(); 

　　exp.setTime(exp.getTime() + 1*60*60*1000);//有效期1小时 

　　document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); 

}

/*存取cookie时需要对容易注入的字符进行编码，在获取cookie时要解码，编码方式有很多种*/

//设置cookie

2）、直接存储cookie

复制代码代码示例:

document.cookie = "homepage = http://www.jb200.com";

 /*-----------------*/

//取cookies函数 方法 一

function getCookie(name){

　　var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));

　　if(arr != null)　　　　

　　　　return unescape(arr[2]);

　　return null;

}

//取cookies函数  方法二

function getCookie(key){

　　if(key==null)

　　　　return null;

　　if(Object.prototype.toString.call(key)=='[object String]'|| Object.prototype.toString.call(key)=='[object Number]')

　　{

　　　　var arrStr = document.cookie.split(";");

　　　　for(var i= 0;i<arrStr.length;i++){

　　　　var temp = arrStr[i].split("=");

　　　　if(temp[0]==key)

　　　　　　return unescape(temp[1]);

　　　　}

　　　　return null;

　　}

　　return null;

}

</script>

上一篇：js获取屏幕分辨率 js取得屏幕大小
下一篇：禁止js文件缓存与清除浏览器缓存的多种方法

与 js设置与获取缓存，js清除缓存的方法有关的文章

本文标题：js设置与获取缓存，js清除缓存的方法
本页链接：http://www.jb200.com/article/26807.html

浏览排行

栏目分类

热点文章

js设置与获取缓存，js清除缓存的方法