让html页面不缓存js的实现方法
本文实例讲述了让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程序设计有所帮助。
相关推荐
-
js 设置缓存及获取设置的缓存
复制代码 代码如下: //设置缓存,获取设置的缓存,键值对形式, name value localStorage.getItem("key"); //获取键的值 localStorage.setItem("key", 1); //设置键的值
-
js、css、img等浏览器缓存问题的2种解决方案
细节决定成败!浏览器缓存的意义在于提高了执行效率,但是也随之而来带来了一些问题,导致服务端修改了js.css,客户端不能更新 方法一 生成随机数字 复制代码 代码如下: <script type="text/javascript" src="/js/test.js?+Math.random()"></script> 缺点,浏览器缓存失去意义,每次都动态加载. 方法二 版本号控制,设置全局变量,每次发布前版本号加1 复制代码 代码如下: <
-
禁止js文件缓存的代码
如下: 1.在你引用JS文件的地方加上,如下: 复制代码 代码如下: //09年08月14日修改 var now=new Date(); var number = now.getYear().toString()+now.getMonth().toString()+now.getDate().toString()+now.getHours().toString()+now.getMinutes().toString()+now.getSeconds().toString(); document.
-
JS清除IE浏览器缓存的方法
js中自动清除ie缓存方法 - 常用 对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了. 但是对于静态文件(css,jpg,gif等等), 在什么场合下面我们需要禁止浏览器缓存他们,怎么做? 方法一:Dojo中我们可以用简单的方法完成:在dojo.xhrGet(包括post)等方法中都包含preventCache属性,此属性的含义: "默认为启用浏览器缓存,否则将通过自动增加不同的参数来确保浏览器缓存
-
JS localStorage实现本地缓存的方法
复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>本地缓存</title> <script type="text/javascript"> var strKey = "strKey";
-
JS实现前端缓存的方法
在前端浏览器中,有些数据(比如数据字典中的数据),可以在第一次请求的时候全部拿过来保存在js对象中,以后需要的时候就不用每次都去请求服务器了.对于那些大量使用数据字典来填充下拉框的页面,这种方法可以极大地减少对服务器的访问.这种方法特别适用于使用iframe的框架. 具体实现思路和方法: 创建一个cache.js文件: 1.前端页面,定义那些数据需要一次性拿到前端缓存,定义一个对象来保存这些数据: /** * 定义需要在用户登录的时候获取到本地的数据字典类别 */ var clsCodes =
-
详解AngularJS中$http缓存以及处理多个$http请求的方法
$http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据.在AngularJS的实际项目中,经常需要处理多个$http请求,每个$http请求返回一个promise,我们可以把多个promise放到$q.all()方法接受的一个数组实参中去. 1.处理多个$http请求 angular.module('app',[]) .controller('AppCtrl', function AppCtrl(myService){ var app = this; myService.
-
JSP页面缓存cache技术--浏览器缓存介绍及实现方法
一.概述 缓存的思想可以应用在软件分层的各个层面.它是一种内部机制,对外界而言,是不可感知的. 数据库本身有缓存,持久层也可以缓存.(比如:hibernate,还分1级和2级缓存) 业务层也可以有缓存(但一般来说,这是一个过程域,不会设缓存). 表现层/数据服务层(传统web的表现层)也可以设置缓存(jsp cache 就是这一层,实现在app server上的缓存机制) 另外Browser也有缓存(如IE)这个大家也都知道(实现在 web server 上的缓存机制).越上层的缓存效果越好,越
-
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
看到别人写的JS,ajax请求地址后加随机参数,比如XXXX?t= + new Date().getTime(). 一开始搞不懂为什么,网上查了资料,原因是防止浏览器缓存. 浏览器为了提高用户访问同一页面的速度,会对页面数据进行缓存.当url请求地址不变时, 有时候会导致浏览器不发送请求,直接从缓存中读取之前的数据. 如果数据改变了,而没加随机数,读取的数据会跟之前一样. 加上随机数,就是欺骗浏览器url改变了,会每次都向服务器发送请求而不去读缓存
-
高性能WEB开发 JS、CSS的合并、压缩、缓存管理
存在的问题: 合并.压缩文件主要有2方面的问题: 1. 每次发布的时候需要运行一下自己写的bat文件或者其他程序把文件按照自己的配置合并和压缩. 2. 因生产环境和开发环境需要加载的文件不一样,生产环境为了需要加载合并.压缩后的文件,而开发环境为了修改.调试方便,需要加载非合并.压缩的文件,所以我们常常需要在JSP中类似与下面的判断代码: 复制代码 代码如下: <c:if test="${env=='prod'}"> <script type="text/j
随机推荐
- HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
- jQuery实现从身份证号中获取出生日期和性别的方法分析
- js实现全屏漂浮广告移入光标停止移动
- 基于Laravel实现的用户动态模块开发
- MySQLMerge存储引擎
- win7下安装配置node.js+express开发环境
- JavaScript通过setTimeout实时显示当前时间的方法
- PowerShell: Try...Catch...Finally 实现方法
- 解决Default storage engine (InnoDB) is not available导致mysql无法启动的修改办法
- 基于jquery的滑动样例代码
- JS根据key值获取URL中的参数值及把URL的参数转换成json对象
- 解决JMail无法安装的方法(帐户名与安全标识间无任何映射完成)
- 给Java菜鸟的一些建议_关于Java知识点归纳(J2EE and Web 部分)
- SSH框架网上商城项目第11战之查询和删除商品功能实现
- C#语言中条件与&&与条件或||的区别
- Android编程实现圆角边框的方法
- Android 判断SIM卡是中国移动\中国联通\中国电信(移动运营商)
- Linux下虚拟域名的实现(3)
- 基于Python解密仿射密码
- PHP自动加载机制实例详解