JavaScript浏览器对象模型（BOM）之location对象

一、概述：

　　　　location 是 BOM 对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。

　　　　事实上，location 对象是 window 对象的属性，也是 document 对象的属性；所以 window.location 和 document.location 等效。
　　　　

　　　　

 

 

 

二、属性：

alert(location); //获取当前的 URL

　　location.hash = '#1'; //设置#后的字符串，并跳转

    alert(location.hash); //获取#后的字符串

    

    location.port = 8888; //设置端口号，并跳转

    alert(location.port); //获取当前端口号，

    

    location.hostname = 'Lee'; //设置主机名，并跳转

    alert(location.hostname); //获取当前主机名，

    

    location.pathname = 'Lee'; //设置当前路径，并跳转

    alert(location.pathname); //获取当前路径，

    

    location.protocal = 'ftp:'; //设置协议，没有跳转

    alert(location.protocol); //获取当前协议

    

    location.search = '?id=5'; //设置?后的字符串，并跳转

    alert(location.search); //获取?后的字符串

location.href = 'http://www.baidu.com'; //设置跳转的 URL，并跳转

alert(location.href); //获取当前的 URL

　　　　在 Web 开发中，我们经常需要获取诸如?id=5&search=ok 这种类型的 URL 的键值对，那么通过 location，我们可以写一个函数，来一一获取。

function getArgs() {

 

        var args = [];            //创建一个存放键值对的数组

    

        var qs = location.search.length > 0 ? location.search.substring(1):'';        //去除?号

    

        var item = null, name = null, value = null;           

        var items = qs.split('&'); //按&字符串拆分数组

        //遍历

        for (var i = 0; i < items.length; i++) {

            item = items[i].split('=');

            name = item[0];

            value = item[1];

            args[name] = value;            //把键值对存放到数组中去

        }

        return args;

    }

    var args = getArgs();

    alert(args['id']);

    alert(args['search']);    

 

 

 

 

三、方法

    location.assign('http://www.baidu.com'); //跳转到指定的 URL

    location.reload(); //最有效的重新加载，有可能从缓存加载

    location.reload(true); //强制加载，从服务器源头重新加载

    location.replace('http://www.baidu.com'); //可以避免产生跳转前的历史记录，即不产生任何历史记录的跳转