关于页面的 回退问题 locastorage和sessionStorage的区别

来源:互联网 发布:淘宝图片空间手机端 编辑:程序博客网 时间:2024/05/18 00:04

location.href="a.html“;   是不带参数的跳转;

window.history.back();  是带参数的回退;但是在android中这种方法不能用

用initpage来记录跳转前的页面



html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。

localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。


sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");

var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");

删除指定key本地存储的值

sessionStorage.removeItem("key"); localStorage.removeItem("site");

清除所有的key/value

sessionStorage.clear(); localStorage.clear();

web Storage不但可以用自身的setItem,getItem等方便存取,也可以像普通对象一样用点(.)操作符,及[]的方式进行数据存储,像如下的代码:

var storage = window.localStorage; storage.key1 = "hello"; storage["key2"] = "world"; console.log(storage.key1); console.log(storage["key2"]);

sessionStorage和localStorage提供的key()和length可以方便的实现存储的数据遍历,例如下面的代码:

var storage = window.localStorage; for (var i=0, len = storage.length; i  <  len; i++){     var key = storage.key(i);     var value = storage.getItem(key);     console.log(key + "=" + value); }

storage还提供了storage事件,当键值改变或者clear的时候,就可以触发storage事件,如下面的代码就添加了一个storage事件改变的监听:

if(window.addEventListener){ window.addEventListener("storage",handle_storage,false); }else if(window.attachEvent){ window.attachEvent("onstorage",handle_storage); } function handle_storage(e){ if(!e){e=window.event;} }


0 0