sessionStorage在Google_Chrome瀏覽器中的用法

1、window加載時,爲預先定義的Button增添一個click的監聽事件,實現對session的存儲;showSession函數實現session的展現瀏覽器

window.onload=function(){ 
document.getElementById("button").addEventListener("click",storeSession,false);
showSession();
}

2、storeSession函數實現對session的存儲session

function storeSession(){
var a=document.getElementById("stuno").value;
var b=document.getElementById("name").value;
sessionStorage.setItem(a,b);
showSession();
}

3、showSession函數實現對session的展現函數

function showSession(){
document.getElementById("rightbox").innerHTML ="";
for (var i=0;i<sessionStorage.length;i++){
var aa=sessionStorage.key(i);
var bb=sessionStorage.getItem(aa);
document.getElementById("rightbox").innerHTML +=aa+"'s name is "+bb+"<br/>";
}
//console(sessionStorage.length);
}

4、至此JS部分就完成了,只有關閉瀏覽器,sessionStorage內容纔會清空,不然一直存在。spa

相關文章
相關標籤/搜索