其实,我们日常开发中,如果不是做前端架构,一般情况下,对BOM的操作其实并不会太多,当然,H5的话也可以借助BOM来定位和判断网络,这个以后再说。
对于BOM的操作,我们常用的有Location、Navigator、History和弹窗,我们分别来说一下。
- Location
window.location通常是用来获取或重定向当前窗口的页面网址,即URL,常用的属性有以下几个:
location.href:获取页面网址,也就是地址栏上的地址; location.hostname:获取web主机域名,例如www.xxx.com; location.port:获取端口号; location.pathname:获取当前页面的路径和文件名; location.protocol:返回当前页面所使用的web协议(file、http、https等)。
- Navigator
window.navigator通常是用来获取访问者浏览器的相关信息,主要属性如下:
navigator.platform:获取运行浏览器的操作系统平台; navigator.userAgent:获取由客户机发送服务器的 user-agent 头部的值; navigator.appVersion:获取浏览器的平台和版本信息
- History
window.history通常用来获取浏览器的浏览历史,常用属性主要如下:
history.forward():浏览器历史前进,与点击浏览器前进按钮一样; history.back():浏览器历史后退,与点击浏览器后退按钮一样。
- 弹窗
在JavaScript中,可以创建三种消息框:警告框、确认框、提示框。
警告框(alert)经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行操作。
确认框通常用于验证是否接受用户操作。当确认卡弹出时,用户可以点击 "确认" 或者 "取消" 来确定用户操作。当你点击 "确认",确认框返回 true, 如果点击 "取消", 确认框返回 false。
提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。