JavaScript高级程序设计之location对象

location对象用来处理URL的相关信息

1、获取查询字符串

// 获取查询字符串对象
var getQueryStringArgs = function () {

    var qs = (location.search.length > 0 ? location.search.slice(1) : ""),
        args = {},  // 保存要返回的数据对象
        items = (qs.length > 0 ? qs.split("&") : []),  // &符split后的数组，数据项
        item = [],  // =号split后的数组，每个数据项的json表达
        name = "",
        value = "",  // 
        len = items.length,
        i;

    for (i = 0; i < len; i += 1) {

        item = items[i].split("=");
        
        // 查询字符串应该是被编码过的，所以解码
        name = decodeURIComponent(item[0]);
        value = decodeURIComponent(item[1]);

        if (name.length) {
            args[name] = value;
        }
    }

    return args;
};

2、location 与 http 请求

// 一个含有search 和 hash的url，查询字符串要在hash片段的前面
var url = "http://www.so.com/?q=javascript#section1";

// 切换到新的地址
location.href = "http://www.so.com/";

// 添加查询字符串重新请求
location.search = "?q=javascript";

// 到目标目录文件夹发起新的请求
location.pathname = "js";

// 向url添加hash字符串，不会产生新的http请求
location.hash = "#section1";

// 刷新页面
location.reload();

// 强制刷新页面
location.reload(true);

// 补充history：返回的特定的历史记录，发起新的http请求
history.go(-1);