这篇文章将为大家详细讲解有关javascript禁止缓存的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。JavaScript的特点1.JavaScript主要用来向html页面添加交互行为。2.Jav
这篇文章将为大家详细讲解有关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禁止缓存的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
--结束END--
本文标题: javascript禁止缓存的方法
本文链接: https://lsjlt.com/news/271518.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0