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

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>