• 技术文章 >web前端 >js教程

    javascript怎么禁止缓存

    青灯夜游青灯夜游2021-04-20 14:34:07原创1302

    方法:在js文件url后加问号和随机数字,例“a.js?223”。原理:在资源的url后面加上数字,对文件加载不会有影响,但如果数字发生改变,浏览器就会认为这是一个全新文件,会重新下载缓存,所以加数字的作用是强制浏览器调用新地址,防止缓存。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    javascript禁止缓存

    方法:在css和js后加问号和数字可以防止缓存

    当浏览器发出一个http请求的时候,会加载各种各样的资源,如:HTML文档、视频、图片、CSS和JS等。对于这些url不变的资源,浏览器会将他们保存在本地缓存中,下次再访问相同网站的时候,可以直接加载,加快访问。

    浏览器的这个缓存策略,一方面加快了访问的速度,另一方面也会遇到一个问题,就是不能及时加载最新的css和js文件。

    为了解决这个问题,我们会在css和js链接后面加上问号和一些随机字符。

    类似 index.js?20210489

    示例:

    <html>
    <head>
    <script type="text/javascript">
        document.write("<script src='**.js?"+Math.random()+"'><\/script>");
    </script>
     
    </head>
    </html>

    原理:在资源的 url 后面加上数字,对于文件的加载并不会有任何影响,但是如果数字发生改变,浏览器就会认为这是一个全新的文件,会重新下载缓存,不会读取之前缓存的那个文件,所以加数字的作用就是 强制浏览器调用新地址,防止缓存。

    【推荐学习:javascript高级教程

    以上就是javascript怎么禁止缓存的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 缓存
    上一篇:javascript怎么进行全局错误处理 下一篇:javascript怎么实现按钮点击进行跳转
    千万级数据并发解决方案

    相关文章推荐

    • javascript怎么去除空格• javascript中怎么去掉回车符• javascript的map方法有什么用• javascript dom方法有哪些• javascript怎么把字符串转换为数组
    1/1

    PHP中文网