html页面存cookies,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

链接传值

获取 userId 和 phoneId

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);