方法一,
原理:用Location对象的search属性获得URL中的参数。我用js封装了如下方法,直接粘到页面即可:
(function ($) {
$.getUrlParam = function (name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
})(jQuery);
1,访问页面的url:${base}/test/test.html?id=18;
2,页面粘贴上方代码后,用$.getUrlParam('id')
即可取到url所传参数。
方法二,
原理:定义一个js文件,页面引入该js文件,通过动态改变js内容,改变页面内容。
1,js内容为json格式
var param={
name:"lilei",
age:"18",
path:"test"
// name:"hanmeimei",
// age:"20",
// path:"online"
}
2,页面引入该js文件后,通过param.path获取js对应参数内容.
两种方法各有优点,第一种多用于页面与外部数据实时交互,第二种多用于不同环境页面常量维护;