Web Storage 本地存储sessionStorage

最新推荐文章于 2023-12-29 15:18:37 发布

郭浩326

最新推荐文章于 2023-12-29 15:18:37 发布

阅读量198

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/guohao326/article/details/72955773

版权

javascript 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

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