BOM
window对象
常用属性
| 属性名 | 描述 |
|---|---|
window.devicePixelRatio |
CSS像素与一个物理像素的比率 |
window.innerWidth |
网页视口的宽度 |
window.innerHeight |
网页视口的高度 |
window.isSecureContext |
当前网页是否采用https协议 |
window.parent |
父窗口的window对象 |
window.self |
当前页面的主窗口 |
window.window或window.frames |
都是子窗口列表伪数组，若子窗口设置了name属性，就可以使用对象方式获取具体的子窗口了 |
常用方法
| 方法名 | 描述 |
|---|---|
window.stop() |
暂停网页加载 |
window.scrollTo(x,y) |
滚动到指定位置，也可以是一个对象参数属性分别是：top=y、left=x、behavior=滚动方式，滚动方式有smooth平滑的、instant立即的、auto自动的，默认是自动的 |
window.scrollBy(x,y) |
滚动指定距离，也可以是一个对象参数属性分别是：top=y、left=x、behavior=滚动方式，滚动方式有smooth平滑的、instant立即的、auto自动的，默认是自动的 |
window.getSelection() |
获取用户选中的内容，返回一个Selection对象，使用toString()方法可以转化为字符串 |
window.requestAnimationFrame(callback) |
浏览器下一次重绘时执行回调函数，一般16ms，若当前网页进入后台会暂停重绘 |
常用事件
| 事件名 | 描述 |
|---|---|
load |
网页加载完毕 |
error |
js脚本报错，该事件的回调函数的参数依次是：出错信息、出错脚本的网址、行号、列号、错误对象 |
navigator对象
常用属性
| 属性名 | 描述 |
|---|---|
navigator.userAgent |
浏览器厂商版本信息 |
navigator.plugins |
浏览器安装的插件对象数组 |
Navigator.platform |
用户操作系统信息 |
navigator.geolocation |
用户地理位置信息，只能在https下使用 |
navigator.language |
浏览器语言 |
navigator.languages |
浏览器可接受的语言列表 |
常用方法
| 方法名 | 描述 |
|---|---|
navigator.sendBeacon(url,data) |
当页面卸载时调用，与当前请求页面脱钩，作为浏览器的进程任务执行；第一个参数是请求的URL地址，第二个参数是要发送的数据（可以是任意数据类型），是POST请求，可跨域，类似于表单提交数据 |
screen对象
常用属性
| 属性名 | 描述 |
|---|---|
screen.height |
屏幕高度分辨率 |
screen.width |
屏幕宽度分辨率 |
history对象
常用属性
| 属性名 | 描述 |
|---|---|
history.length |
当前历史网页的个数 |
常用方法
| 方法名 | 作用 |
|---|---|
history.back() |
后退 |
history.forward() |
前进 |
history.go(step) |
前进或后退指定步数，0的话会从缓存中刷新网页 |
location对象
常用属性
| 属性名 | 描述 |
|---|---|
location.href |
获取或设置整个URL |
location.hostname |
主机名 |
location.port |
端口号，若没有写返回空字符串 |
location.pathname |
路径部分 |
location.search |
查询部分 |
location.hash |
片段字符串，#后面内容 |
常用方法
| 方法名 | 描述 |
|---|---|
location.assign(URL) |
跟href一样，可以跳转页面（也称为重定向页面） |
location.replace(URL) |
替换当前页面，因为不被记录历史，所以不能后退页面 |
location.reload(flag) |
重新加载页面，相当于刷新按钮或者F5，如果参数为true强制刷新ctrk+f5 |
Comments NOTHING