script标签增加时间戳避免缓存

已于 2024-09-24 09:17:10 修改
阅读量1.1k 收藏 1
点赞数
文章标签： css 前端
于 2023-04-24 16:22:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sunzhen15896/article/details/130345690
版权
当在index.html直接插入JS文件并更新页面时，可能会遇到缓存导致页面未更新的问题。为解决此问题，可以使用document.write结合动态时间戳的方法，确保每次加载时JS都有新的URL，从而避免浏览器缓存旧版本。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述如果需要在index.html中直接插入某个页面js，下次更新该html时就会出现缓存问题，导致页面不更新，所以需要给当前js增加时间戳
解决方法：

使用document.write写入动态时间戳，避免页面更新后出现缓存

cat10month
关注
移动端H5缓存问题
kelly0721的博客
01-15 1570
分析移动端页面缓存问题
HTML页面自动清理js、css文件的缓存（自动添加版本号）
09-28
这样每次页面加载时都会引用一个带有唯一时间戳的文件URL，从而避免了缓存问题。 ```html <script type="text/javascript"> document.write("().getTime()+"'>"); </script> ``` 方法二：在JSP页面中，可以使用...
Java 如何确保 JS 不被缓存
威哥爱编程，优快云 博客专家、全栈领域新星创作者、华为 HDE，愿交天下 IT 技术爱好者
10-21 1066
大家好，我是 V 哥。今天咱们来聊一聊 Java 后端确保 JavaScript 不被缓存的问题，先来了解一下为什么需要这样做，通常源于以下几种场景或问题
script标签添加时间戳防止浏览器缓存
骑着代码去流浪
01-22 4596
1.方法一： (function(){ var randomh=Math.random(); var e = document.getElementsByTagName("script")[0]; var d = document.createElement("script"); d.src = "//site.com/js.js?x="+random
如何通过JS实现清理网页缓存？
最新发布
kcarly的专栏
02-27 806
需要注意的是，直接清除浏览器缓存并不是一个常见的做法，因为缓存可以显著提高网站性能和加载速度。通常情况下，我们会在文件路径后添加版本号或时间戳来确保用户获取到最新的资源版本。这种方法在现代Web开发中被广泛采用。
javascript 时间戳
SanOrintea的博客
04-12 280
<template> <div> <button @click="onClick">GET</button> {{p1}}<br>{{p2}}<br>{{p3}}<br>{{p4}}<br>{{p5}}<br>{{p6}} </div> </template> <script> export default {
【前端】在静态网页引入JS、CSS的地址上动态添加时间戳防止缓存
weixin_51127384的博客
01-31 1708
【代码】【前端】在静态网页引入JS、CSS的地址上动态添加时间戳防止缓存。
src引入js时添加时间戳参数方法
男神的专栏
01-21 895
【代码】src引入js时添加时间戳参数方法。
html里script标签src自动加上时间戳，降低缓存影响
universe的博客
05-29 1437
<script>document.write("<script type='text/javascript' src='./json/json.js?v="+ Date.now() + "'><\/script>");</script> <script type="text/javascript"> (function(){ var randomh=Math.random(); var e = document.getEl
引用js/css时，加入时间戳解决浏览器缓存问题
farxix的博客
05-06 3778
解决思路：在引入的url后面加上时间戳，每次请求获取最新的js/css var timestamp=new Date().getTime()； <script type="text/javascript" src="****.js?t="+timestamp></script> ...
加随机数引入脚本不让浏览器读取缓存
09-04
标题中的"加随机数引入脚本不让浏览器读取缓存"，是指在HTML中的`<script>`标签引用JavaScript文件时，通过在URL末尾添加一个随机数（通常为当前时间戳或完全随机的数字）来阻止浏览器使用已有的缓存版本。...
让html页面不缓存js的实现方法
10-25
第二种方法则是利用JavaScript的Date对象获取当前时间的毫秒数，每次请求都添加一个以当前时间戳为参数的查询字符串，这同样能确保每次请求的URL都是唯一的，从而避免缓存。 具体实现上，可以通过在<script>标签中...
解决动态加载版本js避免手动清缓存的方法
在这个给定的文件信息中，可以提取到几个关键的知识点，分别是“动态加载版本js”，“避免版本升级手动清缓存”，以及相关的技术标签“js”, “html”, “缓存”, 和 “更新”。下面将详细介绍这些知识点： ### ...
js给网址加时间戳防止缓存
best_ASCII的博客
05-10 748
直接上代码 var Url=window.location.href; function timestamp(url){ // var getTimestamp=Math.random(); var getTimestamp=new Date().getTime(); if(url.indexOf("?")>-1){ url=url.substr(0,url.indexOf("?"))+"?timestamp="+getTimestamp
发布时一键添加html中的css标签和script标签版本号来防止浏览器缓存
weixin_30520015的博客
11-20 242
AppendFileVersion 是一个VSIX插件支持vs2015意以上版本 是我用来发布时一键添加html中的css标签和script标签版本号来防止浏览器缓存 分享给大家！ download https://marketplace.visualstudio.com/items?itemName=nainaigu.AppendSrcVersion git...
防止js文件缓存
diligentcat的专栏
12-15 1503
script language="javascript" type="text/javascript"> //防止js文件缓存下来，以后更新时不再需要用户重新删除IE文件等操作。 var now=new Date(); var number = now.getYear().toString()+now.getMonth().toString()+now.getDate().toString
html引入资源加上时间戳避免缓存
java技术博客
04-04 1472
html引入资源加上时间戳避免缓存 发现 最近看 springboot + bootstrap 相关开源项目的时候 , 发现页面引用 js 资源文件的时候 , 末尾都会加上时间戳 在线 renren-security 开源项目 项目地址: https://gitee.com/renrenio/renren-security 具体代码如下 <script src="${request.contextPath}/statics/config1.js?_${.now?long}"></scr
让js文件不缓存
yyd6976的博客
05-29 1533
可以模拟不同的请求使其不断获取， 这里我使用时间作为参数 代码如下： <script>document.write('<script src="js/token.js?version=' + new Date().getTime() + '"><\/script>')</script>
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值