HTML页面件传值方法；seeionStorage、localStorage、cookie 存储

1.web存储 方法

  1.1sessionStorage/localStorage存储方法:

localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem等,具体方法如下：

1. setItem存储value

用途：将value存储到key字段

用法：.setItem( key, value)

代码示例：

  sessionStorage.setItem("name", "TOM");

   localStorage.setItem("password", "12345");

2.getItem获取value

用途：获取指定key本地存储的值

用法：.getItem(key)

代码示例：

var username = sessionStorage.getItem("name");

var pwd = localStorage.getItem("password");

3.removeItem删除key

用途：删除指定key本地存储的值

用法：.removeItem(key)

代码示例：

sessionStorage.removeItem(" name");

localStorage.removeItem(" password");

4.clear()清除缓存 key

用途：清除本地所有存储

用法：.clear()

代码示例：

   sessionStorage.clear();
   localStorage.clear();

1.2 cookie 存储方法:（需要 封装个 cookie.js）

cookie.js

//JS操作cookies方法!
 //写cookies
 function setCookie(name,value)
 {
     var Days = 30;
     var exp = new Date();
     exp.setTime(exp.getTime() + Days*24*60*60*1000);
     document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
 }
 // 取cookie
 function getCookie(name)
 {
     var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
     if(arr=document.cookie.match(reg))
         return unescape(arr[2]);
     else
         return null;
 } 
 //删除cookie
 function clearCookie(name)
 {
     var exp = new Date();
     exp.setTime(exp.getTime() - 1);
     var cval=getCookie(name);
     if(cval!=null)
         document.cookie= name + "="+cval+";expires="+exp.toGMTString();
 }

//代码示例
 setCookie("name","张三");//存cookie
 getCookie（"name"）//"张三" 取cookie

 clearCookie（"name"）//删除kookie

拓展 ：页面与页面间 的 数据 传输 的几种方法 【注意考虑:所存数据的 安全性】

2.url 传值方法

假如 一个 url 如下

[有时候 会是 a href 跳转 传值 方法一样]

http://192.168.31.46:8080/kingdun-app/h5/map.html?userId=0418wzF&phoneId=10101010

<a href = " http://192.168.31.46:8080/kingdun-app/h5/map.html?userId=0418wzF&phoneId=10101010 "> 链接传值</a>

获取 userId 和 phoneId

<script>
function GetRequest() {
var url = location.search;
//获取url中"?"符后的字串
var theRequest = new Object();
if(url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}

var Request = new Object();
Request = GetRequest();
var userId = Request.userId;
var phoneId = Request.phoneId;
console.log(userId + phoneId);

<script>