BOM(即:Browser Object Model)
ECMAScript 是 js 的核心,在Web中,使用js, 那么BOM(浏览器对象模型)无疑才是真正的核心。BOM内置了很多对象,提供了与浏览器的互操作性。
- navigator(浏览器相关)
// navigator { const ua = navigator.userAgent const isChrome = ua.indexof('Chrome') console.log(isChrome) }
- screen(屏幕相关)
console.log(screen.width) // 获取屏幕的宽度 console.log(screen.height) // 获取屏幕的高度
- location (地址相关)
// location.href :获取整个网址 // location.protocol: 获取协议 // location.host: 获取域名及IP // location.search: 获取参数 // location.hash: 获取哈希(即#部分) // location.pathname:获取路径
- history (前进后退信息)
// 控制浏览器后退 history.back() //控制浏览器前进 history.forward()