day-16.2 BOM需要记住的对象(window.location)

一、BOM的location对象;

window下有很多对象,可以通过console.dir(window);查看;

1.1 其中location对象存储了即本次打开的页面的加载到本地浏览器的信息;

console.log(window.location);可以看到location下存储了很多本次加载的页面的值;

其中我们着重了解的是以下4个值;

window.location:

  href:重定向(完整的地址信息);

  host:主机信息;

  hash:重定向(仅#号后面的不完整的锚地址信息);

  serch:搜索信息;

其中href和hash这2个值都有重定向的意思;下面我们就分析一下两者的区别;

1.2 下面来比较window.location.href和window.locaiton.hash的区别。

 

       (1)window.location.href

                得到和使用的是完整的url,比如window.location.href="www.baidu.com”表示的是重新定向,页面跳转

到新的页面。也可以通过window.location.href得到a标签的完整的href,比如<a href="#book">如果使用href,那

么可以得到完整的链接(url)

 

       (2)window.location.hash

               得到的是锚链接。相比如href,通过window.location.hash并不会跳转到新的链接,只会在当前链接里面

改变锚链。并且如果有<a href="#book">通过window.location.hash得不到完整的链接(URL),仅仅得到#book.

  (3)直接在浏览器的console(控制台)输入window.location.href="https://www.baidu.com",按下回车键,当前页面会直接跳转到百度的首页,

但是输入window.location.hash="https://www.baidu.com",按下回车键,只是在后缀名后面加了一段#www.baidu.com,代表锚定向;

https://www.cnblogs.com/2010master/p/5824215.html#https://www.baidu.com

 

posted @ 2018-07-30 15:33  bibiguo  阅读(205)  评论(0)    收藏  举报