首页 > 其他 > 详细

sessionStorage在Google_Chrome浏览器中的用法

时间:2015-07-08 09:22:53      阅读:427      评论:0      收藏: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内容才会清空,否则一直存在。

sessionStorage在Google_Chrome浏览器中的用法

原文:http://www.cnblogs.com/ignite-dream/p/4629157.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!