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

xiaoxiao2021-02-27  127

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>
转载请注明原文地址: https://www.6miu.com/read-15563.html

最新回复(0)