读《JavaScript高级程序设计》第八章BOM记录——查询URL字符串方法 getQueryStringArgs()

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 重新加载。