常用的 BOM 相关对象

常用的 BOM 相关对象

通常与 BOM 相关的常用对象有：

• Location 当前页面地址相关信息，如当前页面地址
• Navigator 当前浏览器相关信息，如浏览器版本
• Screen 包含屏幕相关信息，如屏幕的长宽
• History 浏览器的历史相关信息，如返回上一页

其他的还有一些辅助方法，如 alert、confirm。

这些内容都可以通过 window 对象进行访问。

这些对象在访问时开头是小写的！

1. Location

window.location 只读属性，返回一个 Location 对象，其中包含有关文档当前位置的信息。(MDN)

与 location 相关的最常用的就是跳转了。

给 location 的 href 属性赋值，就可以实现页面的跳转。

window.location.href = '//imooc.com';

代码块

预览复制

还有另外两种方式也可以实现页面跳转。

window.location = '//imooc.com';

window.location.assign('//imooc.com');

代码块

预览复制

用的比较的多的就是修改 href 属性。

使用 replace 方法也可以跳转到新页面，但是调用后就无法再后退了。

location 下还有其他与路径相关的信息，可以通过输出到控制台观察。

• origin 源，相当于协议与主机、主域的组合，具有兼容性问题
• protocol 协议
• host 主机名和当前 URL 的端口号
• hostname 当前 URL 的主机名
• port 端口
• pathn