标签:local sub span ring mat function 运行 parse 速度
1. cookie 传值, 缺点: cookie储存是需要服务器支持的,本地直接运行静态文件是实现不了的
<script> //添加 cookie function cp_add_cookie(num){ setCookie("cp_keynum",num,2); } //查找 function cp_seek_cookie(){ var cp_keynum=getCookie("cp_keynum"); var find_result = document.getElementById("find_result2"); find_result.innerHTML = "cp_keynum == " + cp_keynum; } //设置 cookie 值的函数,创建一个函数用于存储访问者的名字 function setCookie(cname,cvalue,exdays){ var d = new Date(); d.setTime(d.getTime()+(exdays*24*60*60*1000)); var expires = "expires="+d.toGMTString(); document.cookie = cname+"="+cvalue+"; "+expires; } //获取 cookie 值的函数,创建一个函数用户返回指定 cookie 的值 function getCookie(cname){ var name = cname + "="; var ca = document.cookie.split(‘;‘); for(var i=0; i<ca.length; i++) { var c = ca[i].trim(); if (c.indexOf(name)==0) return c.substring(name.length,c.length); } return ""; } </script>
2. LocalStorage和SessionStorage传值, 优点:本地静态文件可支持
if(typeof(Storage)=="undefined") { document.getElementById("result").innerHTML="对不起,您的浏览器不支持 web 存储。"; } //保存数据 function save(cp_value){ var num = new Object; num.cp_keynum ="key_num"; num.cp_num_value = cp_value; var str = JSON.stringify(num); // 将对象转换为字符串 localStorage.setItem(num.cp_keynum,str); alert("添加成功"); } //查找数据 function find(){ var cp_keynum = "key_num"; var str = localStorage.getItem(cp_keynum); var find_result = document.getElementById("find_result"); var num = JSON.parse(str); find_result.innerHTML = cp_keynum + "==" + num.cp_num_value; }
3. Url传值. 优点: 速度快. cookie 和 LocalStorage和SessionStorage 都存在速度慢,反应不过来的问题, 我在a页面写进去,在b页面读出来.有时会读到空值.
function getUrlParam(name){ //正则表达式过滤 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); console.log("location.search==="+location.search); //substr(1):从字符串第一个位置中提取一些字符 console.log("location.search.substr(1)==="+location.search.substr(1)); //match():在字符串内检索与正则表达式匹配的指定值,返回一个数组给r console.log("window.location.search.substr(1).match(reg)==="+window.location.search.substr(1).match(reg)); var r = window.location.search.substr(1).match(reg); //获取r数组中下标为2的值;(下标从0开始),用decodeURI()进行解码 console.log("decodeURI(r[2])==="+decodeURI(r[2])); if (r != null) return decodeURI(r[2]); return null;
}
标签:local sub span ring mat function 运行 parse 速度
原文地址:https://www.cnblogs.com/zitjubiz/p/javascript_page_pass_parameter.html