html中使用sessionStorge存储数据

最新推荐文章于 2024-08-08 16:18:02 发布

liuxin_0725

最新推荐文章于 2024-08-08 16:18:02 发布

阅读量2.7k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

使用sessionStorge存储数据与localStorge不同，当浏览器关闭时使用sessionStorge存储的数据会丢失，但是使用localStorge存储的数据不会丢失；使用sessionStorge存储数据代码如下：

JS文件：

[javascript]view plaincopy 
   
 var num = 0;  
 var txt;  
 var btn;  
 window.onload = function () {  
     txt = document.getElementById("txt");  
     btn = document.getElementById("addbtn")  
     if (sessionStorage.num) {  
         num= sessionStorage.num;  
     }  
     btn.onclick = function () {  
         num++;  
         sessionStorage.num = num;  
         txt.innerHTML = num;  
     }  
 }  
 function showNum() {  
     txt.innerHTML = num;  
 }  

html代码：

[html]view plaincopy 
   
 <!DOCTYPE html>  
 <html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
     <title></title>  
     <script src="sessionJs.js"></script>  
 </head>  
 <body>  
     <span id="txt">0</span>  
     <button id="addbtn">add</button>  
 </body>  
 </html>  