有关网址获取信息的Location对象的使用

Location对象的属性介绍

首先Location是BOM里面一个比较重要的内容，获取Location的信息的代码是：

console.log(window.location)

下面的对象介绍默认是在Location的后面点出来的。

hash

这个属性是获取地址栏上#以及后面的内容

host

获取主机名及端口号，注意这是获取本机的。

hostname

这是获取主机名，同样是本机的。

pathname

这是获取你打开的文件的相对路径

port

这是获取端口号

protocol

这是获取协议的，一般来说都是http

search

这是获取你搜索的内容，具体可以是百度一下，你会发现地址栏上有你搜索的内容的名字。

下面介绍的是设置页面地址的属性和方法

要演示这些属性，要通过一个按钮来实现，具体代码如下：

href

<body>

<input type="button" value="改变地址" id="btn">

<script type="text/javascript">
    window.onload =function () {
        var btnobj = document.getElementById("btn");
           btnobj.onclick =function () {
                 //这里放代码
                 // location.href="http://www.baidu.com";
           }
    }
</script>
</body>

这个属性会刷新地址，有历史记录的，所以你用这个属性，浏览器会有后退按钮。

assgin方法

跟上面的href属性一模一样的实现，有点不同的就是这是一个方法。代码如下

location.assign("http://www.baidu.com");

reload方法

这个方法就是刷新一下页面，暂时来说博主还不知道有什么用途，因为刷新页面这个功能其实大部分的浏览器都具备的。

location.reload();

repalce方法

这种方法跟assgin方法不一样，这种方法是没有历史记录的，所以浏览器是没有后退按钮的。

location.repalce("http://www.baidu.com");

Location对象

浏览器输出Location对象的时候会有什么东西呢，下面演示一下：

console.log(window.location);

效果如下：
有关网址获取信息的Location对象的使用
好了，Location对象就介绍到这里。这里介绍的是可能用到的方法和属性，其实还有很多的属性和方法，你们可以自己去深究一下。