如何实现html页面不缓存js脚本代码

作者:IT技术 | 时间:2018-10-29

页面开发的时候,我们经常遇到改动的js代码没有加载出来,起不到作用,这让开发调试阶段的我们感觉很郁闷,究其原因是我们的js脚本被缓存了。那么如何让html 里的javascript脚本不缓存呢?

要想不缓存,首先我们要弄明白缓存的原理:

当我们浏览一个网页时,浏览器会自动将当前访问的页面进行一次缓存;当你第二次访问时就会直接从缓存里读取数据,这样加快了页面的打开速度。但这也给调试开发阶段的我们带来了困扰,如何实现html页面不缓存js脚本呢?

只需要在我们引用的js地址后加上一个变化的数值,比如+Math.random(),这时候每次打开页面就可达到不缓存的目的了!

实例代码如下:

<script type='text/javascript' src='/style/js/common.js?"+Math.random();+"'></script>

看了上面介绍,你现在明白如何实现html页面不缓存js脚本了吗?