JS BOM
BOM(Browser Object Model) 浏览器对象模型，它提供了内容与浏览器进行交互的对象，其核心对象时window。
BOM 事件
浏览器提供的事件
| 事件类型 | 触发条件 |
|---|---|
| load | 页面加载时触发 |
| unload | 离开页面时触发 |
| abort | 图片在下载时被用户中断时触发 |
| beforeunload | 当前页面的内容将要被改变时触发 |
| resize | 当窗口或者框架的大小被改变的时候触发 |
| error | 当页面发生错误的时候触发 |
| DOMContentLoaded | 仅当DOM加载完成后触发，不包括图片、样式表、flash等 |
定时器
延迟或重复执行某一段代码片段。
-
setTimeout()一次性定时器
-
clearTimeout()清除一次性定时器
-
setInterval()永久定时器
-
clearInterval()清除永久定时器
语法：
function callback(){
console.log('触发定时器')
}
let Dates = setTimeout(callback,1000)
clearTimeout(Dates)
Location
用于获取或设置窗体的URL，并且可以解析URL。
-
location对象的属性
location对象常用属性 返回值 href 获取或设置整个URL host 返回主机(域名) port 返回端口号 如果未写返回空字符串 pathname 返回路径 search 返回参数 hash 返回片段 #后面内容 常见于链接 锚点 -
location对象的方法
location对象方法 返回值 assign() 同href一样，可以跳转页面 replace() 替换当前页面，因为不记录历史，因此不能后退 reload() 重新加载页面，相同于刷新，若参数为true，则强制刷新(Ctrl+F5)
URL
统一资源定位符，互联网上标准资源的地址。
protocol://host[:port]/path/[?query]#fragment
| 组成 | 说明 |
|---|---|
| protocol | 通信协议 常用的http，ftp，maito等 |
| host | 主机(域名) www.baidu.com |
| port | 端口号 可选，省略时使用方案的默认端口(http:80) |
| path | 路径 由零或多个’/'符号隔开的字符串，一般用来表示主机上的一个目录或文件地址 |
| query | 参数 以键值对的形式，通过’&'符号分隔开来 |
| fragment | 片段 #后面内容 常见于链接 锚点 |
navigator
包含有关浏览器的一些信息。
| navigator对象常用属性 | 返回值 |
|---|---|
| userAgent | 用户代理头的字符串表示(返回浏览器版本等信息的字符串) |
| cookieEnabled | 如果启用cookie返回true，否则返回false |
| appName | 浏览器的正式名称 |
| appVersion | 浏览器的版本号 |
history
| history对象方法 | 作用 |
|---|---|
| back() | 后退功能 |
| forward | 前进功能 |
| go(参数) | 前进后退功能 参数：如果是1，则前进一个页面；如果是-1，则后退一个页面 |