让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 相关文章推荐
Javascript 自定义类型方法小结
Mar 02 Javascript
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
Mar 11 Javascript
MyEclipse取消验证Js的两种方法
Nov 14 Javascript
jQuery实现炫酷的鼠标轨迹特效
Feb 01 Javascript
JS+CSS实现滑动切换tab菜单效果
Aug 25 Javascript
常见的javascript跨域通信方法
Dec 31 Javascript
JQuery的Pager分页器实现代码
May 03 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
Jun 24 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
Sep 21 Javascript
AjaxUpLoad.js实现文件上传
Mar 05 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
Apr 15 Javascript
vue中destroyed方法的使用说明
Jul 21 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中json_decode()和json_encode()的使用方法
2012/06/04 PHP
QQ互联一键登录审核不通过的解决方案
2014/09/10 PHP
学习php开源项目的源码指南
2014/12/21 PHP
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
判断、添加和删除WordPress置顶文章的相关PHP函数小结
2015/12/10 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
jQuery 1.0.2
2006/10/11 Javascript
js trim函数 去空格函数与正则集锦
2009/11/20 Javascript
使用jquery 简单实现下拉菜单
2015/01/14 Javascript
详解JavaScript节流函数中的Throttle
2016/07/16 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
2016/07/22 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
如何正确理解javascript的模块化
2017/03/02 Javascript
微信小程序项目实践之主页tab选项实现
2018/07/18 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
2019/01/25 Javascript
javascript for循环性能测试示例
2019/08/07 Javascript
js中Function引用类型常见有用的方法和属性详解
2019/12/11 Javascript
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
[01:00:12]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第一场
2018/04/09 DOTA
Python 文件重命名工具代码
2009/07/26 Python
分析运行中的 Python 进程详细解析
2019/06/22 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
用Cython加速Python到“起飞”(推荐)
2019/08/01 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
PYQT5 vscode联合操作qtdesigner的方法
2020/03/24 Python
Django如何使用redis作为缓存
2020/05/21 Python
Ted Baker美国官网:英国时尚品牌
2018/10/29 全球购物
铭万公司.net面试题笔试题
2014/07/20 面试题
商场活动策划方案
2014/01/24 职场文书
十佳少先队员演讲稿
2014/09/12 职场文书
个人存款证明书
2014/10/18 职场文书
初中作文评语
2014/12/25 职场文书
回复函格式及范文
2015/07/14 职场文书