Web Storage 本地存储sessionStorage

来源：互联网发布：淘宝介入是什么意思编辑：程序博客网时间：2024/06/05 15:13

<!DOCTYPE HTML><html><head>  <meta charset="utf-8">  <title>本地存储LocalStorage </title></head><body><input id="msg" type="text"/><input id="setData" type="button" value="保存数据"/><input id="getData" type="button" value="获取数据"/><script type="text/javascript">  window.onload = function()  {    alert("当你关闭此页面或者关闭浏览器的时候，localStorage中保存的数据才会消失，也就是说重新打开此页面的时候，点击获取数据，可以取到数据。")    //首先获得body中的3个input元素    var msg = document.getElementById("msg");    var getData = document.getElementById("getData");    var setData = document.getElementById("setData");    setData.onclick = function()//存入数据    {      if(msg.value)      {        sessionStorage.setItem("data", msg.value);        alert("信息已保存到data字段中");      }      else      {        alert("信息不能为空");      }    }    getData.onclick = function()//获取数据    {      var msg = sessionStorage.getItem("data");      if(msg)      {        alert("data字段中的值为：" + msg);      }      else      {        alert("data字段无值！");      }    }  }</script></body></html>

阅读全文

0 0