Skip to content

BOM

浏览器对象模型

Browser Object Model

window.navigator :只读属性,返回一个 Navigator 对象,获取应用程序的相关信息

navigator.userAgent :浏览器信息

navigator.platform : 平台信息

location

window.location :只读属性,返回一个 Location 对象,包换文档当前位置的信息

属性

href

js
// 完整链接
let url = location.href

// 可以跳转
location.href = 'http://www.baidu.com'

search

获取 URL 参数

js
// 基本操作
location.href = 'https://example.com/?name=Jonathan&age=18'
location.search // '?name=Jonathan&age=18'
location.search.substring(1) // 'name=Jonathan&age=18'

// 现代方法
let params = new URLSearchParams(location.search)
let name = params.get('name')
let age = params.get('age')

// 现代方法
let params = new URL(location).searchParams
let name = params.get('name')
let age = params.get('age')

方法

js
// 跳转页面
location.assign(url)

// 刷新页面:无参数!
location.reload()

// Firefox强制从服务器加载(非缓存):不是标准
location.reload(true)

// 替换页面:不保存历史
location.replace(url)

// 其他:弹窗
window.open(url)