1.解析URL 末尾的字符串,然后返回包含所有参数的一个对象
function getQueryStringArgs(){
//取得查询字符串并去掉开头的问号
var qs = (location.search.length > 0 ? location.search.substring(1) : ""),
//保存数据的对象
args = {},
//取得每一项
items = qs.length ? qs.split("&") : [],
item = null,
name = null,
value = null,
//在 for 循环中使用
i = 0,
len = items.length;
//逐个将每一项添加到 args 对象中
for (i=0; i < len; i++){
item = items[i].split("=");
name = decodeURIComponent(item[0]);
value = decodeURIComponent(item[1]);
if (name.length) {
args[name] = value;
}
}
return args;
}
//假设查询字符串是?q=javascript&num=10
var args = getQueryStringArgs();
alert(args["q"]); // javascript
console.log(args ) // {q: "javascript", num: "10"}
这个函数的第一步是先去掉查询字符串开头的问号。当然,前提是 location.search 中必须要包含一或多个字符。然后,所有参数将被保存在 args 对象中,该对象以字面量形式创建。接下来,根据和号(&)来分割查询字符串,并返回 name=value 格式的字符串数组。下面的 for 循环会迭代这个数组,然后再根据等于号分割每一项,从而返回第一项为参数名,第二项为参数值的数组。再使用 decodeURIComponent()分别解码 name 和 value(因为查询字符串应该是被编码过的)。最后,将 name 作为 args 对象的属性,将 value 作为相应属性的值。下面给出了使用这个函数的示例
2.以立即打开新 URL 并在浏览器的历史记录中生成一条记录
使用assign()
location.assign("http://www.ke.com");方法并为其传递一个 URL;
这样,就可以立即打开新 URL 并在浏览器的历史记录中生成一条记录。如果是将 location.href或 window.location 设置为一个 URL 值,也会以该值调用 assign()方法。例如,下列两行代码与显式调用 assign()方法的效果完全一样。
window.location = "http://www.ke.com";
location.href = "http://www.ke.com";
附:可以通过将hash、search、hostname、pathname 和 port 属性设置为新值来改变 URL
/假设初始 URL 为 http://www.ke.com
//将 URL 修改为"http://www.ke.com/#section1"
location.hash = "#section1";
//将 URL 修改为"http://www.ke.com/?q=javascript"
location.search = "?q=javascript";
//将 URL 修改为"http://www.lianjia.com"
location.hostname = "www.lianjia.com";
//将 URL 修改为"http://www.yahoo.com/zufang/"
location.pathname = "zufang";
//将 URL 修改为"http://www.ke.com:8080"
location.port = 8080;
每次修改 location 的属性(hash 除外),页面都会以新 URL 重新加载。
3.