zoukankan      html  css  js  c++  java
  • 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 
    });

  • 相关阅读:
    C#
    Excel 中大量图片如何快速导出? 转载自:http://www.zhihu.com/question/20800948
    IE的F12开发人员工具不显示 转载自:http://blog.csdn.net/longyulu/article/details/8749705
    firefox ie 比较 relative path
    fiddler save files
    selenium3加载浏览器
    Linux安装PHP
    客户端级别的渲染分析工具 dynaTrace
    前端性能分析:分析百度和sogou
    Linux vi的基本操作
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3217646.html
Copyright © 2011-2022 走看看