html中使用sessionStorge存储数据

来源：互联网发布：淘宝美工与平面设计编辑：程序博客网时间：2024/06/06 01:35

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

JS文件：

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代码：

<!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>

0 0