sessionStorage在Google_Chrome浏览器中的用法

一、window加载时，为预先定义的Button增添一个click的监听事件，实现对session的存储；showSession函数实现session的展示

window.οnlοad=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内容才会清空，否则一直存在。

转载于:https://www.cnblogs.com/ignite-dream/p/4629157.html

sessionStorage在Google_Chrome浏览器中的用法相关推荐

worker服务器推送消息,浏览器中serviceWorker用法
朋也的博客 » 首页 » 文章浏览器中serviceWorker用法作者:朋也日期:2019-05-27 类别:javascript学习笔记版权声明:自由转载-非商用-非衍生-保持署名(创意共 ...
js中的history内置对象在各浏览器中的用法：
1><div οnclick="history.back()">返回测试1</div> 2><a href="#" ο ...
window.frames在不同浏览器中的用法
document.frames 等同于 window.frames,用来取得当前页面内 window 对象的集合. 不支持Firefox,其他浏览器(chrome.opera.IE.360)均支持. ...
localStorage、sessionStorage、Cookie的区别及用法
localStorage html5新增的一个本地存储API,所谓localStorage就是一个小仓库的意思,它有5M的大小空间,存储在浏览器中. localStorage生命周期是永久,这意味着除 ...
深入浅出经典面试题：从浏览器中输入URL到页面加载发生了什么 - Part 3
备注: 因为文章太长,所以将它分为三部分,本文是第三部分. 第一部分:深入浅出经典面试题:从浏览器中输入URL到页面加载发生了什么 - Part 1 第二部分:深入浅出经典面试题:从浏览器中输入URL ...
AMD：浏览器中的模块规范
为实现与Node.js相同方式的模块写法,大牛们做了很多努力.但浏览器环境不同于服务器端,它的模块有一个HTTP请求过程(而Node.js的模块文件就在本地),这个请求过程多数使用script tag ...
第十一章：WEB浏览器中的javascript
客户端javascript涵盖在本系列的第二部分第10章,主要讲解javascript是如何在web浏览器中实现的,这些章节介绍了大量的脚本宿主对象,这些对象可以表示浏览器窗口.文档树的内容.这些章节 ...
createprocess重启程序_C++_VC程序设计中CreateProcess用法注意事项，对于windows程序设计来说，启动 - phpStudy...
VC程序设计中CreateProcess用法注意事项对于windows程序设计来说,启动一个进程有三种方法:WinExec,ShellExecute,CreateProcess.这里仅对Create ...
浏览器快捷键指南_快速但完整的IndexedDB指南以及在浏览器中存储数据
浏览器快捷键指南 Interested in learning JavaScript? Get my JavaScript ebook at jshandbook.com 有兴趣学习JavaScrip ...
codeigniter_如何在浏览器中查看CodeIgniter日志文件
codeigniter by Seun Matt 通过Seun Matt 如何在浏览器中查看CodeIgniter日志文件 (How to View CodeIgniter Log Files in ...

sessionStorage在Google_Chrome浏览器中的用法

sessionStorage在Google_Chrome浏览器中的用法相关推荐

最新文章

热门文章