开发中遇到Js缓存问题。和页面会话级别的缓存。

来源:互联网 发布:多益网络登录器 编辑:程序博客网 时间:2024/06/06 15:47

1.开发中遇到Js缓存问题,导致修改内容不生效。

解决方案: <script src=" (url)?randomId=<%=Math.random()%>" type="text/javascript"></script>


2.页面 会话级别 缓存应用

注:此缓存和session无关不是持久化。存储在sessionStorage中的数据首先是Key-Value形式的,另外就是它跟浏览器当前会话相关,当会话结束后,数据会自动清除,跟未设置过期时间的Cookie类似

<script type="text/javascript">        //添加key-value 数据到 sessionStorage        sessionStorage.setItem(key, value);        //通过key来获取value        var dt = sessionStorage.getItem(key);        alert(dt);        //清空所有的key-value数据。        //sessionStorage.clear();        alert(sessionStorage.length);</script>

3.页面 永久本地存储

注:在最新的JS的API中增加了localStorage对象,以便于用户存储永久存储的Web端的数据。而且数据不会随着Http请求发送到后台
服务器,而且存储数据的大小机会不用考虑,因为在HTML5的标准中要求浏览器至少要支持到4MB.所以,这完全是颠覆了Cookie的限
制,为Web应用在本地存储复杂的用户痕迹数据提供非常方便的技术支持。
 <script type="text/javascript">        //添加key-value 数据到 sessionStorage        localStorage.setItem(key, value);        //通过key来获取value        var dt = localStorage.getItem(key);        alert(dt);        //清空所有的key-value数据。        //localStorage.clear();        alert(localStorage.length); </script>


1 0
原创粉丝点击