javascript之BOM的location对象

location对象

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

location对象是很特别的一个对象,因为它既是 window对象的属性,也是document 对象的属性;换句话说, window.locationdocument.location引用的是同一个对象。

location 对象的用处不只表现在它保存着当前文档的信息,还表现在它将URL 解析为独立的片段,让开发人员可以通过不同的属性访问这些片段。 


获得URL包含的查询字符串的属性
<script>
        function getQueryStringArgs() {
            var qs = (location.search.length > 0 ? location.search.substring(1) : "");

            args = {};
            items = qs.length ? qs.split("&") : [];
            item = null;
            name = null;
            value = null;

            i = 0;
            len = items.length;

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

使用location对象改变浏览器的位置。
假设现要将浏览器位置定位为URL为http://www.wrox.com的位置。
方式一:location.assign("http://www.wrox.com");
方式二:window.location = "http://www.wrox.com";
方式三:location.href = "http://www.wrox.com";//最常用
方式四:修改location对象的属性(hash、search、hostname、pathname和port);
方式五:location.replace("http://www.wrox.com");//这种方式与之前四种的区别是,前面四种方式修改URL之后,浏览器的历史记录中就会生成一条新记录,而replace方法中,改变了浏览器的位置,但是用户不能回到前一个页面。

reload()方法 
作用:重新加载当前显示的页面。当不传入任何参数时,如果页面自上次请求以来没有改变过,页面就会从浏览器缓存中重新加载。如果是强制从服务器重新加载,则需要传入参数true。
位于reload()调用之后的代码可能会也可能不会执行,这要取决于网络延迟或系统资源等因素。所以,最好将reload放在代码的最后一行。
 






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值