sessionStorage对象

sessStorage对象是一个会话形式的数据存储,当用户关闭浏览器的窗口后,数据就会被删除。

实例:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<style type="text/css"></style>
<script type="text/javascript" src="Css/jquery-2.1.4.js"></script>
<script type="text/javascript">
function myFunction() {
if (typeof (Storage) != "undefined") {
if (sessionStorage.clickCount) {
sessionStorage.clickCount = Number(sessionStorage.clickCount) + 1;
}
else {
sessionStorage.clickCount = 1;
}
document.getElementById("result").innerHTML = sessionStorage.clickCount;
}
else {
document.getElementById("result").innerHTML = "Sorry!,您的浏览器不支持web存储";
}
}

</script>
</head>
<body>
<input type="button" value="点击按钮" onclick="myFunction()" />
<p>点击按钮查看计数器增加</p>
<p>关闭浏览器窗口再一次打开,继续点击按钮,计算器已复位,数据重新开始计数</p>
<p id="result"></p>
</body>
</html>

时间: 2024-10-08 10:29:11

sessionStorage对象的相关文章

cookie,sessionStorage,localStorage

本文转 sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递.sessionStorage. localStorage.cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个“浏览器窗口”的概念. sessionStorage是在同源的同窗口(或tab)中,始终存在的数据.也就是说只要这个浏览器窗口

sessionStorage 、localStorage 和 cookie 之间的区别(转)

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递.sessionStorage.localStorage.cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个“浏览器窗口”的概念.sessionStorage是在同源的同窗口(或tab)中,始终存在的数据.也就是说只要这个浏览器窗口没有关闭,即

cookies,sessionStorage 和 localStorage 的区别

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递. sessionStorage.localStorage.cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个"浏览器窗口"的概念.sessionStorage是在同源的同窗口(或tab)中,始终存在的数据.也就是说只要这个浏览器窗口

sessionStorage、localStorage简介

简介 技术一般水平有限,有什么错的地方,望大家指正. sessionStorage.localStorage.cookie这三个是我们在浏览器端用来存储数据的,cookie使用起来较为繁琐以后进行总结,主要介绍一下sessionStorage和localStorage的用法.sessionStorage和localStorage都是在浏览器端用来存储数据的对象,它们也只在浏览器里有作用不会被发送到服务器端. sessionStorage sessionStorage存活周期就是会话开始直到结束的

localStorage和sessionStorage火狐浏览器和其他高级浏览器的区别

例子: <script>window.onload=function(){ var oSetData = document.getElementById('setData'); var oGetData = document.getElementById('getData'); oSetData.onclick=function(){ if(window.localStorage){ console.log('支持'); localStorage.date1 = '{"content

SessionStorage LocalStorage cookie三者区别

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递. sessionStorage.localStorage.cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个"浏览器窗口"的概念.sessionStorage是在同源的同窗口(或tab)中,始终存在的数据.也就是说只要这个浏览器窗口

localStorage 和 sessionStorage的区别

存储对象: 在主流浏览器中,添加了html5  Web Storage API 的接口,storage是一个存储对象,它包括会话存储(session storage)或本地存储(local storage),它们分别有添加.修改或删除存储数据项的功能. 如果我们想要操作一个会话存储(session storage),可以使用 Window.localStorage对象,操作本地存储(local storage),可以使用  Window.sessionStorage对象. localStorag

Cookie, LocalStorage 与 SessionStorage

Cookie, LocalStorage 与 SessionStorage相同点 都是储存在用户本地的数据. 意义在于避免数据在浏览器和服务器间不必要地来回传递. 三者的特点     同属于html5中的Web Storage 特性 Cookie localStorage sessionStorage 数据的生命期 可设置失效时间,默认是关闭浏览器后失效 除非被清除,否则永久保存 仅在当前会话下有效,关闭浏览器后被清除 存放数据大小 4K/个文件*最多20个 >5MB/站点 >5MB/站点 与

html5 webStorage:localStorage sessionStorage

localStorage sessionStorage的使用: 与cookie相比,webStorage有很多优势(如本文结尾),所以在选择的时候,优先选择webStorage! sessionStorage使用方法完全同localStorage一致,不同之处: 1 localStorage:没有时间限制的数据存储,类似于cookie,一直存在,直到用户清除数据: 2 sessionStorage只针对一个 session 的数据存储,关闭当前网页/窗口就会消失: 1 if(typeof(Sto