关于页面的回退问题 locastorage和sessionStorage的区别_页面回退本地缓存sessionstorage-优快云博客

本文探讨了页面回退时的问题，指出window.history.back()在Android中可能不可用，并介绍了HTML5的Web Storage，包括sessionStorage和localStorage的特性与区别。sessionStorage仅在同会话页面间可用，数据会随会话结束而销毁，而localStorage提供永久存储，数据不会自动过期。此外，文章还提到了如何删除和遍历存储数据以及监听storage事件的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;}	 }