引入JS和CSS文件加版本号的作用

最新推荐文章于 2023-06-13 09:57:47 发布
最新推荐文章于 2023-06-13 09:57:47 发布
阅读量4.2k 收藏
点赞数 1
文章标签： css js 缓存 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wenniuwuren/article/details/42876115
版权
JS 同时被 2 个专栏收录
2 篇文章 0 订阅
订阅专栏
CSS
1 篇文章 0 订阅
订阅专栏

形如：

<script type="text/javascript" src="/resources/js/myFunction.js?version=0.1.0"></script>

<link rel="stylesheet" type="text/css" href="/resources/css/styles/myLocation.css?version=0.1.0" />



使用参数有两种可能用途：

        -- 脚本并不存在， 而是服务端提供的， 带上版本号， 以示区别。

        -- 浏览器会缓存这些css或js文件， 因此每次升级js或css文件后， 改变版本号， 客户端浏览器才会重新下载新的js或css文件。(不过现在各种杀毒软件动不动就清缓存， 这个意义变小了好多， 哈哈， 不过最好还是得加， 万一是个程序员或者什么人没装杀毒软件)


wenniuwuren
关注
专栏目录
一个通用自动处理 js版本号和css 版本号、自动压缩 js,css、自动清理网页注释工具
遥远的风
04-16 5630
jcv-maven-plugin简介jcv-maven-plugin是一个自动为网页添加js css的版本号maven插件 * 支持js css的自动压缩，支持多种方法版本号添加，在使用时对代码0入侵，不需要在页面上做任何标记，对开发友好，不需要调整现在代码．直接引入mvn中配置，会自动对打包的页面进行处理． * 该插件自动采集文件的md5值进行文件版本号修订，在使用文件的md5值用于该文件
html自动给js添加版本号,给html中的js、css添加版本号，解决浏览器缓存
weixin_30646295的博客
05-31 1222
const fs = require("fs");const { join, resolve } = require('path');const execSync = require('child_process').execSync;const { mergeUrl } = require('./url.utils');const findPath = resolve('./dist/templ...
在html中，给引用的js文件自动添加版本号，去掉js缓存
猎人在吃肉
01-15 1万+
在html中，给引用的js文件动态添加版本号，可以去掉js缓存，保证使用的js始终是最新的js 。 &amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt; &amp;amp;amp;lt;html&amp;amp;amp;gt; &amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;title&amp;amp;amp;gt;test&amp;
JS、CSS 文件的版本号控制
cherry4115
02-23 5589
首先，介绍几个常用的 HTTP 响应的状态码： 200 - 服务器已成功处理了请求，并返回所请求的内容。 304 - 自从上次请求后，请求的内容未修改过，浏览器直接从本地缓存中取得，服务器则不会返回。 404 - 服务器找不到请求的内容，通常，对于服务器上不存在的网页经常会返回此状态码。 回到本文主题，一般浏览器打开网页时都会对 JS、CSS 文件进行缓存，以便在下次打开时可以
引入js文件加版本号
03-20 3009
背景      在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候，浏览器就可以从浏览器的缓存中获取css、js等，而不必从你的服务器读取，这样在一定程度上加快了网站的打开速度，又可以节约一下你的服务器流量。 问题      现在问题来了，.hta
使用前端构建工具批量为页面中引用的js文件添加版本号的历程
sxf359的博客
04-26 8589
近日遇到有客户反应，页面打开显示不正常，不能完全的显示出页面。细问之下才得知，原来是有一个js文件修改了一个方法，但是上线后由于浏览器缓存的原因，还是加载的旧js文件，导致页面显示不正常了。给客户解释由于系统更新，需要强制刷新才可以。这天陆续又有客户反映遇到此问题，而有些客户由于对电脑了解的少，你说强制刷新他也不知怎么操作。思考是不是由网站自己解决此问题。先是考虑在页面引用的js文件后面加随机数来
引用js或css后加?v= 版本号的用法
热门推荐
zanychou的专栏
04-17 4万+
css和js带参数（形如.css?v=与.js?v= 或 .css?version=与.js?version= ） 使用参数有两种可能： 第一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 即上面代码对于文件来说 等价于 但浏览器会认为他是 该文件的某个版本！ 第二、客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户
HTML页面自动清理js、css文件的缓存（自动添加版本号）
12-13
总的来说，自动添加版本号是解决浏览器缓存问题的有效手段，它可以确保用户始终能够获取到最新版本的CSS和JavaScript文件。通过JavaScript、服务器端语言或构建工具，开发者可以轻松地实现这一功能，从而提供更好的...
为什么要在引入的css或者js文件后面加参数的详细讲解
10-27
总的来说，CSS和JS文件后面加参数的主要目的有两点：一是解决浏览器缓存问题，确保用户始终获取最新的文件；二是作为服务端动态生成内容的标识，允许服务器根据参数返回不同的资源。这两个功能在实际开发中都十分...
css及js 加版本号的原因及原理
秦璐璐的博客帝国
06-12 4436
平常为了加快网页的加载速度，浏览器会对请求的文件进行缓存，当再次请求某文件时，读取到本地有缓存后，就不会去服务器请求新的数据而是用本地的缓存了但是 当我们更新了我们的文件时，有时候浏览器得不到新的数据，所以我们就需要加版本号去控制也就是加版本号的作用 1.方便版本控制，比如1.1版本的样式表，可以升级为2.0版本的样式表2.强制浏览器更新是为了欺骗浏览器或代理服务器；某些代理服务器会无视 no-c...
在js或css后加?v= 版本号不让浏览器缓存
09-28
客户端会缓存css或js文件，改变版本号，客户端浏览器就会重新下载新的js或css文件，在js或css后加?v= 版本号的用法如下
引用文件 js或css 后加?v= 版本号 说明
qq_36636312的博客
06-19 1923
1，说明： 带参和不带参引用的文件相同 <span style="font-size:14px;">css和js带参数（形如.css?v=与.js?v= 或 .css?version=与.js?version= ） 2，示例： <script type=”text/javascript” src=”jb51.js″></script> <link type=’text/css’ rel=’stylesheet’ href=’base.css′ /&gt.
引用js或css后加?v= xxx 版本号的使用方法
weixin_39758376的博客
10-12 4809
使用参数有两种可能 一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 即上面代码对于文件来说 等价于 二、客户端会缓存这些css或js文件，因此每次升级了js或css文件后，如果不改变版本号，浏览器会加载缓存的数据，更新后没效果； 如果加了版本后客户端浏览器就会重新下载新的js或css文件，刷性缓存的作用。   第二种情况最多，也可能两种同时存在。 版本号，可...
给引入页面的js和css资源加上版本号，防止浏览器缓存资源
最新发布
乔的博客
06-13 821
【代码】给引入页面的js和css资源加上版本号，防止浏览器缓存资源。
css动态加版本号,引用js或css后加?v= 版本号的用法(转)
weixin_32367041的博客
08-03 3032
css和js带参数(形如.css?v=与.js?v= 或 .css?version=与.js?version= )使用参数有两种可能：第一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 即上面代码对于文件来说 等价于但浏览器会认为他是 该文件的某个版本！第二、客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户端浏览器就会重新下载新的js或cs...
html 页面 js 引用添加动态版本号
chunyanquan1444的博客
09-18 3979
因为没有使用 freeMarker 等模板，给静态文件增加动态版本号后缀无法从后端获取后渲染。 先使用了 document.write("<script src='../js/index.js?v="+Math.Random()+"'><"+'/'+"script>...
js加版本号
wmsocool的博客
04-17 3559
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 <!D...
前端页面为什么要在引入的CSS文件和JS文件后面带版本号参数？
lyh79925300的博客
06-11 1028
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
在 HTML 文件中引入 Bootstrap 和 Bootstrap Table 的 CSS 和 JavaScript 文件
04-09
可以在 HTML 文件的 head 标签中加入以下代码来引入 Bootstrap 和 Bootstrap Table 的 CSS 和 JavaScript 文件： ```html <!-- 引入 Bootstrap 的 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.3.1/css/bootstrap.min.css"> <!-- 引入 Bootstrap Table 的 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-table/1.16.0/bootstrap-table.min.css"> <!-- 引入 Bootstrap 的 JavaScript 文件和 jQuery --> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <!-- 引入 Bootstrap Table 的 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap-table/1.16.0/bootstrap-table.min.js"></script> ``` 注意要将链接中的版本号修改为最新版本。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值