Javascript引用带时间戳的css文件：new Date().valueOf()

0 205 2023-02-28 16:44:54

本文目录

1. 输出时间戳
2. js引用带时间戳的css文件
3. 附注：时间戳的故事

浏览器自动缓存静态文件如图片、css、js，用户如果访问过页面，则修改的css文件样式不会生效。那么，要怎样才能自动更新css呢？

业内常规做法是用js引入时间戳。

输出时间戳

<script type="text/javascript">
  document.write(new Date().valueOf());
</script>

js引用带时间戳的css文件

document.write("<link rel='stylesheet' href='style.css?t=" + new Date().valueOf() + "'>");

附注：时间戳的故事

1.当32位计算机刚刚开始兴起的时候，所谓的整数型Intger型数据能表示的最大数值为：

System.out.println(Integer.MAX_VALUE);
2147483647

2.一年365的总秒数为

31536000

3.两者相除，2147483647/31536000=68.1,

4.也就是说32位的大背景下，能表示的最长时间间隔为68年

5.如果从1970算起，可以表示到2038年 01 月 19 日 03 时 14 分 07秒，便会到达最大时间，

6.过了这个时间点，所有32 位操作系统时间便会变为 10000000 00000000 00000000 00000000。也就是1901年12月13日20时45分52秒，这样便出现了时间回归的现象，一些软件可能为此发生重大异常。

总结以上要点，想出这套东西的人，最早其实还是那些玩儿UNIX的人，他们考虑到68年其实不长，所以就从1970开始算这68年，他们的希望是，在这68年里，后来的人能尽快搞出一套更良好的机制，改变这个限制。。。果然，64位的兴起，把这个“时间末日”从

2038年01月19日03时14分07秒

增加到了

292,277,026,596年12月4日15时30分08秒。

所以，这个数字够大,计算机时间的“世界末日”就真的是世界末日了。

以上，就是Javascript引用带时间戳的css文件：new Date().valueOf()与时间戳故事的由来。

本文地址：https://xzo.com.cn/develop/js/1133.html

有帮助，很赞！

信息来源：下载鸥

业务合作

如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。

版权声明

标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。

信息标签

js判断图片加载失败时自动显示默认图片onerror JS获取浏览器语言（中英文多语言站）并自动跳转代码 swiper3创建中间大两边小的轮播图（优化版） js手机端浏览pc端页面自动跳转手机站的方法 vue2和vue3的区别 JS中的三元表达式 vue和uniapp是什么关系？ CSS3动画：鼠标上移后顶部线条向两侧展开怎样css隐藏滚动条？ js关闭小窗口opener并刷新父页面 html5标签picture：自动加载不同尺寸的图片 jQuery怎样给图片添加默认域名？ jQuery滚动函数scrollTop无效的原因 vue引入css文件的方法怎样用css3让多行文字垂直居中于父元素？弹性盒子布局全解（多图） jQuery监听数字输入并每隔4个数加一个空格 js的fetch函数怎么用？ jQuery怎样操作iframe外面的元素？ CSS3怎样简单实现循环旋转效果？

导出教程下载word版教程

关于前端开发

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

JavaScript十分强大，不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理，都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中。