红宝书阅读笔记!第六天_BOM(2)

256 阅读2分钟

location对象

lacation是最有用的bom对象之一,提供了当前窗口加载文档的信息,是因为它既是window的属性也是document的属性。也就是说,window.locationdocument.location指的是同一个对象。

以 url= foouser:barpassword@www.wrox.com:80/WileyCDA/?q…为例👇

location.hash:'#contents' URL散列值(锚点)

location.host:'www.wrox.com:80' 服务器及端口号

location.hostname:'www.wrox.com'服务器名

location.href:'foouser:barpassword@www.wrox.com:80/WileyCDA/?q…'当前页面加载的完整URL

location.pathname:'/wileyCDA/'URL的路径和文件名

location.port:'80' 端口号

location.protocol:'http:'页面使用的协议

location.search:'?q=javascript' URL的查询字符串

location.username:'foouser'域名前指定用户名

location.password:'barpassword'密码

location.origin:'http://www/wrox.com'URL的源地址

1.查询字符串

书上讲了一个函数用来把查询字符串返回为每个参数为属性的对象,并且URLSearchParams提供了一组标准的API方法。

2.操作地址

location.assign('#')

window.location='#'

location.href = '#'

👆三种都会进行一样的操作,其中设置location.href是最常见的。

修改location对象的属性也会修改当前加载的页面,除了Hash以外都会重新加载页面。

当然这样会给浏览器增加一个新的历史记录,如果不希望,那么可以使用replace()的方法,调用replace()以后,用户不能回到前一页。

还有reload()属性👇

location.reload();重新加载可能从缓存加载

location.reload(true);重新加载,从服务器加载

navigator对象

navigator的属性通常被用来确定浏览器的类型。

1.检测插件

2.注册程序处理

screen对象

hsitory对象

要引用其他的window对象,可以使用几个不同的窗口指针。

通过location对象可以以编程的方式来操作浏览器的导航系统。

通过设置这个对象上的属性,可以改变URL中的某一部分或者全部。

使用replace()方法可以替换浏览器历史记录中当前显示的页面,并导航到新的URL。

navigator对象提供关于浏览器的信息,提供的信息类型取决于浏览器,不过有些属性如userAgent是所有浏览器都支持的。

文章内容参考:JavaScript高级程序设计(第四版)

标题样式来自:juejin.cn/post/684490…

哪里写错了就联系我🐧:54269504