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
浙公网安备 33010602011771号