让html页面不缓存js的实现方法


Posted in Javascript onOctober 31, 2014

本文实例讲述了让html页面不缓存js的实现方法。分享给大家供大家参考。具体实现方法如下:

很多朋友都会碰到这样的情况:如果我们页面加载了js的话下次打开时也会是调用这个js缓存文件,但对于我们调试时是非常的不方便了,本文就来谈论如何解决这一问题,下面一起来看看。

不缓存JS的方法其实挺简单,CSS在某种条件下也可以如此使用;

先让大家了解下不缓存的一个简单的原理:

当浏览不同Url时,浏览器会自动将当前访问的地址进行一次缓存;而第二次访问时着调用缓存下来的页面,从而达到页面快速加载(页面加载优化)的目的;

因此,我们可以给页面后面设定个不同的值,让页面保持没错访问的不同即可达到不缓存的目的了!

下面是个简单的示例:

<script> 

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

</script>

其他的类似,只需在地址后加上+Math.random()

注意:因为Math.random() 只能在Javascript 下起作用,故只能通过Javascript的调用才可以

最后加一个ajax也不让缓存的方法

xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true);

记得后面的now=" + new Date().getTime()是重点,需要带参数的。

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
[HTML/CSS/Javascript]WWTJS
Sep 25 Javascript
jQuery中bind与live的用法及区别小结
Jan 27 Javascript
node.js中的fs.renameSync方法使用说明
Dec 16 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
Mar 31 Javascript
JS回调函数简单用法示例
Feb 09 Javascript
Ionic + Angular.js实现图片轮播的方法示例
May 21 Javascript
详解react-router如何实现按需加载
Jun 15 Javascript
JS获取填报扩展单元格控件的值的解决办法
Jul 14 Javascript
Easyui使用Dialog行内按钮布局的实例
Jul 27 Javascript
echarts大屏字体自适应的方法步骤
Jul 12 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
Aug 10 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
Sep 05 Javascript
js读取cookie方法总结
Oct 31 #Javascript
jQuery获取对象简单实现方法小结
Oct 30 #Javascript
js 通过cookie实现刷新不变化树形菜单
Oct 30 #Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 #Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 #Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 #Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 #Javascript
You might like
MySql 按时间段查询数据方法(实例说明)
2008/11/02 PHP
php cache类代码(php数据缓存类)
2010/04/15 PHP
使用php判断网页是否gzip压缩
2013/06/25 PHP
php微信开发之自定义菜单完整流程
2016/10/08 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
JQUERY dialog的用法详细解析
2013/12/19 Javascript
轻松创建nodejs服务器(3):代码模块化
2014/12/18 NodeJs
js创建对象的方式总结
2015/01/10 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
实例详解AngularJS实现无限级联动菜单
2016/01/15 Javascript
动态加载js、css的实例代码
2016/05/26 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
JS实现的适合做faq或menu滑动效果示例
2016/11/17 Javascript
JavaScript中利用for循环遍历数组
2017/01/15 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
微信小程序开发之实现自定义Toast弹框
2017/06/08 Javascript
vue中遇到的坑之变化检测问题(数组相关)
2017/10/13 Javascript
在 Node.js 中使用 async 函数的方法
2017/11/17 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
2017/12/27 Javascript
JS实现的排列组合算法示例
2019/07/16 Javascript
vue实现数字动态翻牌的效果(开箱即用)
2019/12/08 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
2020/09/17 Javascript
Python中json格式数据的编码与解码方法详解
2016/07/01 Python
简单谈谈python中的语句和语法
2017/08/10 Python
python简单实现操作Mysql数据库
2018/01/29 Python
如何使用python把ppt转换成pdf
2019/06/29 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
Django异步任务线程池实现原理
2019/12/17 Python
python有几个版本
2020/06/17 Python
CSS3属性 line-clamp控制文本行数的使用
2020/03/19 HTML / CSS
HTML5 DeviceOrientation实现手机网站摇一摇功能代码实例
2015/04/24 HTML / CSS
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
结婚周年感言
2014/02/24 职场文书
美术社团活动总结
2014/06/27 职场文书
践行三严三实心得体会
2014/10/13 职场文书
浅谈Python3中datetime不同时区转换介绍与踩坑
2021/08/02 Python