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

0 99 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网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。

版权声明

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

信息标签

导出教程下载word版教程

关于JS/JQuery

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

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

js判断windows操作系统还是mac os系统

js网站视频播放器ckplayer和dplayer优缺点分析

禁止指定城市/省份IP访问JS代码

推荐JS/JQuery开发教程

JavaScript过滤XSS攻击方法 什么是XSS？XSS（Cross Site Scripting），跨站脚本攻击，是一种允许攻击者在另外一个...: 1 271

怎样点击清除ul里的全部li信息？ 在通过jQuery做数据交互时我们可能存在这样的需求：通过点击按钮清空ul里的li...: 1 388

Superslide响应式页面直接应用手机端技巧介绍 如果是响应式网站，那么用superslide做轮播图需要做两个，这无疑是非常不方便的...: 1 354

$(window).height() 和 $(document).height()有什么不同？ 我们常用$(window).height() 和 $(document).height()来监听当前高度，但这个...: 1 279

jQuery监听点击事件弹出关注二维码教程 通过jQuery实现点击关注按钮弹出二维码是一个比较常用的功能，今天鸥哥讲讲这...: 0 367

js点击追加信息到textarea 通过灵活运用js，我们可以轻松实现点击追加相关信息到textarea的功能。这个功...: 0 471

JS判断苹果iPhone与iPad、安卓设备类型适配 在网站开发的过程中，一些涉及到资源下载的网站会通过判断不同系统手机来展示...: 3 534

JS获取浏览器语言（中英文多语言站）并自动跳转代码 如果是多语言站点，主动获取浏览器默认语言并自动进行跳转可以有效降低跳出率...: 0 760

随机JS/JQuery开发教程

JS搜索页面文字的简单Demo 搜索是常用功能，一般都是基于程序。但并不是说，js就不能做搜索。...: 0 110

JS中的三元表达式 以上代码中，now就是当前时间，获取当前时间的小时，如果当前时间大于18:00，则提示...: 0 100

JS获取指定URL参数 PHP获取指定URL参数非常简单，JS则相对复杂，那么我们应该如何获取呢?...: 0 98

分享一段jQuery + CSS3小窗口右侧滑入的简单代码 小窗口右侧滑入通过js实现相当复杂，我们可以考虑通过jQuery + CSS3的方式简...: 1 109

swiper-pagination小圆点显示数量异常的问题（swiper.js） swiper是一款非常好用的兼容pc+手机端的js插件，今天在使用swiper时发现一个b...: 0 168

css设置单行滑动显示效果的两种方案 css设置单行滑动显示效果的两种方案，一种是需要最低三层，一种是两层即可实现...: 0 130

jQuery点击弹出视频播放效果 通过jQuery控制视频播放是非常方便的，如果要弹出视频，该如何开发呢？...: 0 154

jQuery释放$符方法jQuery noConflict() 与释放后如何调用 但如果使用的js库比较多，且其他JavaScript框架也使用$符作为简写，二者一见面...: 0 135