sessionStorage在Google_Chrome浏览器中的用法
2015-07-08 08:56 fsdev 阅读(3150) 评论(0) 收藏 举报一、window加载时,为预先定义的Button增添一个click的监听事件,实现对session的存储;showSession函数实现session的展示
window.onload=function(){ document.getElementById("button").addEventListener("click",storeSession,false); showSession(); }
二、storeSession函数实现对session的存储
function storeSession(){ var a=document.getElementById("stuno").value; var b=document.getElementById("name").value; sessionStorage.setItem(a,b); showSession(); }
三、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); }
四、至此JS部分就完成了,只有关闭浏览器,sessionStorage内容才会清空,否则一直存在。
浙公网安备 33010602011771号