让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 相关文章推荐
IE6浏览器下resize事件被执行了多次解决方法
Dec 11 Javascript
原生js实现跨浏览器获取鼠标按键的值
Apr 08 Javascript
JavaScript中的noscript元素属性位置及作用介绍
Apr 11 Javascript
浅析js中的浮点型运算问题
Jan 06 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
May 18 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
Sep 04 Javascript
基于JavaScript实现弹出框效果
Feb 19 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
JavaScript实现三级联动菜单实例代码
Jun 26 Javascript
Vue列表渲染的示例代码
Nov 01 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
Aug 15 Javascript
vue学习之Vue-Router用法实例分析
Jan 06 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
PHP生成UTF8文件的方法
2010/05/15 PHP
PHP开发中的错误收集,不定期更新。
2011/02/03 PHP
PHP获取文件后缀名的三个函数
2012/10/15 PHP
基于python发送邮件的乱码问题的解决办法
2013/04/25 PHP
关于PHP内存溢出问题的解决方法
2013/06/25 PHP
PHP设置进度条的方法
2015/07/08 PHP
php curl抓取网页的介绍和推广及使用CURL抓取淘宝页面集成方法
2015/11/30 PHP
数组任意位置插入元素,删除特定元素的实例
2017/03/02 PHP
PHP从尾到头打印链表实例讲解
2018/09/27 PHP
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
jQuery实现form表单reset按钮重置清空表单功能
2012/12/18 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
JavaScript中对象property的删除方法介绍
2014/12/30 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
2015/09/18 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
2016/10/27 Javascript
完美解决IE不支持Data.parse()的问题
2016/11/24 Javascript
Bootstrap fileinput组件封装及使用详解
2017/03/10 Javascript
微信小程序之滚动视图容器的实现方法
2017/09/26 Javascript
原生js实现移动端Touch轮播图的方法步骤
2019/01/03 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
python常见数制转换实例分析
2015/05/09 Python
基于Python实现一个简单的银行转账操作
2016/03/06 Python
python编写简单爬虫资料汇总
2016/03/22 Python
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
python开启debug模式的方法
2019/06/27 Python
利用PyQt中的QThread类实现多线程
2020/02/18 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
python实现图片素描效果
2020/09/26 Python
python 如何对logging日志封装
2020/12/02 Python
花店创业计划书范文
2014/02/07 职场文书
预备党员综合考察材料
2014/05/31 职场文书
数学教师个人总结
2015/02/06 职场文书
李强优秀员工观后感
2015/06/16 职场文书
一看就懂的MySQL的聚簇索引及聚簇索引是如何长高的
2021/05/25 MySQL
SQL中的连接查询详解
2022/06/21 SQL Server
MySQL数据库表约束讲解
2022/06/21 MySQL