app公司网站建设,湖南建设监理报名网站,wordpress 导入,介绍西安网页设计Web前端不同页面间传值可以使用 cookies、localStorage 和 sessionStorage 等本地存储。
但是#xff0c;今天我们尝试使用 url 查询#xff0c;假设我们要传递字符串 str 到 modify.html 页面#xff1a; var str nameBob Chengender男date1998/04/26今天我们尝试使用 url 查询假设我们要传递字符串 str 到 modify.html 页面 var str nameBob Chengender男date1998/04/26idNumber430523000000000000telNumber13400007511email2099367442qq.comcity北京; 1、使用encodeURIComponent编码 location.href modify.html? encodeURIComponent(str); url格式如下 domain:port/path/modify.html?nameBob Ligender男date1998/04/26idNumber430523000000000008telNumber13400007511email2099367442qq.comcity北京 2、使用encodeURI编码 location.href modify.html? encodeURI(str); url格式如下 domain:port/path/modify.html?nameBob Chengender男date1998/04/26idNumber430523000000000000telNumber13400007511email2099367442qq.comcity北京 通过url查询传值后接下来我们需要解析url我们为 jQuery 对象添加新方法 parseUrl 来解析url查询 (function($) {$.parseUrl function() {var paramObj {},paramsArr decodeURIComponent(location.href).split(?)[1].split(#)[0].replace(/\ /g, ).split(),i 0, len paramsArr.length;for (; i len; i ) {var param paramsArr[i].split()[0].trim(),value paramsArr[i].split()[1].trim();if (param date) {paramObj[param] value.replace(/\//g, -);} else {paramObj[param] value;}}return paramObj;}
})(jQuery); 然后我们就可以通过 paramObj 的属性来访问传递的数据了 var paramObj $.parseUrl();
console.log(paramObj[name]); 更多专业前端知识请上
【猿2048】www.mk2048.com
