前端页面之间的传值

 有两种方法cookie和localStorage/sessionStorage

cookie

• 工具方法封装：
   

  var operator="=";
  
      function getCookieValue(keyStr) {
          var value=null;
          var s=window.document.cookie;
          var arr=s.split("; ");
          for (var i = 0; i < arr.length; i++) {
              var str=arr[i];
              var k=str.split(operator)[0];
              var v=str.split(operator)[1];
              if (k==keyStr){
                  value = v;
                  break;
              }
          }
          return value;
      }
      function setCookieValue(key,value) {
          document.cookie=key+operator+value;
  
      }
  

•   A页面

  setCookieValue("username",userInfo.username);
  setCookieValue("userImg",userInfo.userImg);

•  B页面

  var name=getCookieValue("username");
  var userImg=getCookieValue("userImg");

  localStorage和sessionStorage

  localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。

  sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问
  并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅、是会话级别的存储。只允许同一窗口访问。
   

  而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。同源可以读取并修改localStorage数据。

  并且他们储存的对象类型均为字符串类型；

• A页面

  localStorage.setItem("user",JSON.stringify(userInfo));

• B页面

  var jsonStr = localStorage.getItem("user");
  var userInfo = eval("("+jsonStr+")");
  ​
  //移出localStorage键值对
  localStorage.removeItem("user");