这篇文章将为大家详细讲解有关javascript禁止缓存的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
1.JavaScript主要用来向HTML页面添加交互行为。 2.JavaScript可以直接嵌入到HTML页面,但写成单独的js文件有利于结构和行为的分离。 3.JavaScript具有跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行。
方法:在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禁止缓存的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。