location对象
lacation是最有用的bom对象之一,提供了当前窗口加载文档的信息,是因为它既是window的属性也是document的属性。也就是说,window.location和document.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