js bom location对象

一、location对象

http://localhost:8881/javascript/BOM/window.html?name=bob&age=123

console.log('获取hash:', window.location.hash);
// 获取服务器名称和端口号host: localhost:8881

console.log('获取服务器名称和端口号host:', window.location.host);
// 获取服务器名称和端口号host: localhost:8881

console.log('获取不带端口号的服务器名称hostname:', window.location.hostname);
// 获取不带端口号的服务器名称hostname: localhost

console.log('获取整个url href:', window.location.href);
// 获取整个url href: http://localhost:8881/javascript/BOM/window.html?name=bob&age=123

console.log('返回URL中的目录和（或）文件名pathname', window.location.pathname);
// 返回URL中的目录和（或）文件名pathname /javascript/BOM/window.html

console.log('返回url的端口号', window.location.port);
// 返回url的端口号 8881

console.log('返回url的协议 protocol', window.location.protocol);
// 返回url的协议 protocol http:

console.log('返回URL的查询字符串 这个字符串以问号开头 search', window.location.search);
// 返回URL的查询字符串 这个字符串以问号开头 search ?name=bob&age=123

二、查询字符串参数

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;
}

console.log(getQueryStringArgs()); // {name: "bob", age: "123"}

三、位置修改

//假设初始URL为http://www.wrox.com/WileyCDA/

//将URL修改为"http://www.wrox.com/WileyCDA/#section1"
location.hash = "#section1";

//将URL修改为"http://www.wrox.com/WileyCDA/?q=javascript"
location.search = "?q=javascript";

//将URL修改为"http://www.yahoo.com/WileyCDA/"
location.hostname = "www.yahoo.com";

//将URL修改为"http://www.yahoo.com/mydir/"
location.pathname = "mydir";

//将URL修改为"http://www.yahoo.com:8080/WileyCDA/"
location.port = 8080;

四、加载

location.assign("http://www.wrox.com");
location.href = "http://www.wrox.com";
location.replace("http://www.wrox.com/");
location.reload();        //重新加载（有可能从缓存中加载）
location.reload(true);    //重新加载（从服务器重新加载）