获取页面地址栏中的参数
1、思路:①获取当前页面的URL,也就是地址栏中的信息(字符串)
②把获取的地址栏信息作为参数传入到自己定义的方法中
重点③自定义方法 : 拆分字符串,取出字符串中的一段一段信息,分别作为你所需要参数的属性名称和值。
定义个对象Object, 对象[属性字段]=值 (即,object[拆分后的一段信息]=拆分后的另一段信息)
④地址栏中的参数 对应 Object对象的属性名称;地址栏中的参数值 对应 Object对象的属性的值。
2、简单示例: 访问本地文件夹下程序页面之间的跳转,重点是问号?后面的参数
file:///E:/移动护理/BDceshi.html?name=梅艳芳&password=123456
①String str = window.location.href ;//获取地址栏信息
//此参数传入到自定义的方法中
③$.getUrlParam = function (string) {
var obj = new Object();
string = decodeURI(string); //URL解码
if(string.indexOf("?") != -1) { //参数中是否有问号?
var string = string.substr(string.indexOf("?") + 1); //问号?+1的位置处截取字符串
var strs = string.split("&"); // 以&拆分成数组
for(var i = 0; i < strs.length; i++) {
var tempArr = strs[i].split("="); // 以=又拆分成数组
obj[tempArr[0]] = tempArr[1]; // obj[name] = 梅艳芳
} //obj[password] = 123456
}
return obj;
};
②var data = $.getUrlParam(window.location.href);
④对应地址栏name和password参数的值就是 :data.name和data.password
比如说我要把地址栏中的参数name的值赋值给input输入框(输入框的id随便起,id=nameInput):
$("#nameInput").val(data.name);
3、补充:打开另一个页面并往地址栏写入数据
window.location = encodeURI(BDceshi.html?name=梅艳芳&password=123456);
地址栏页面路径和参数自己拼
4、若对你有所帮助请点个赞。