文章目录
- 一、BOM介绍
- 二、window的子对象
- 三、window的方法和事件
- 四、定时器
- 五、练习
一、BOM介绍
- BOM是Browser Object Model的缩写，简称浏览器对象模型。这个对象就是
window - BOM提供了独立于内容而与浏览器窗口进行交互的对象
- BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
- BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C
- 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是
window。 - 因为js最终被运行在浏览器环境中，所以js中所有的数据最终都会被window收录
- 具体的表现为：所有的全局，都被直接绑定在了window身上，尤其是js自带的全局
- window.alert() => alert()
- window.parseInt() => parseInt()
- window.parseFloat() => parseFloat()
- window.document.write() => document.write()
- …
- window在使用过程中可以省略
- 没有明确隶属对象的函数，也都指向window
var obj = {fn:function(){};
}
obj.fn();
function fn(){}
fn();function box(){function fn(){}fn();
}
box();function box2(f){f();
}
box2( function(){} );
二、window的子对象
history：历史记录 - 方法：
- 后退：
history.back() - 前进：
history.forward() - 走n步：
history.go(n)
- 属性：
location：地址 - 属性：
- 完整URL：
location.href - 协议：
location.protocol - 域：
location.host - 域名：
location.hostname - 源：
location.origin - 端口：
location.port - 路径名：
location.pathname - 查询数据：
location.search - 锚点连接：
location.hash
- 方法：
- 刷新：
location.reload() - 跳转到指定url：
location.assign("url")
navigator：浏览器信息 - 浏览器信息：
navigator.userAgent
screen：视窗大小frames：框架对象，配合iframe标签使用document：文档，网页localStorage & sessionStorage：本地存储
三、window的方法和事件
- window的方法
alert() confirm() prompt() open() open("url", "_blank", "width=300,height=300,left=200,top=100")
close() scrollTo() - 参数为两个数值或一个对象
scrollTo(x, y)scrollTo({top: y, left: x, behavior: 'smooth'})
- window的事件
load scroll - 获取滚走了的距离
document.documentElement.scrollTopdocument.documentElement.scrollLeft
resize - 获取当前可视区域的尺寸
document.documentElement.clientWidthdocument.documentElement.clientHeight
四、定时器
- 计时器
- 每隔指定时间，执行一次指定功能
- 开启：
setInterval(参数1, 参数2) - 参数1：回调函数
- 参数2：毫秒数
- 每隔指定的毫秒数，执行一次回调函数
- 返回值：当前计时器的唯一标志，用来关闭自身
- 建议：如果这个计时器要被清除，最好将返回值保存在变量中，将来通过变量清除当前计时器
- 关闭：
clearInterval(参数)
- 延时器
- 延迟指定时间，只执行一次指定功能
- 开启：
setTimeout(参数1, 参数2) - 参数1：回调函数
- 参数2：毫秒数
- 延迟指定的毫秒数，只执行一次回调函数
- 返回值：当前延时器的唯一标志，用来关闭自身
- 建议：如果这个延时器要被清除，最好将返回值保存在变量中，将来通过变量清除当前延时器
- 关闭：
clearTimeout(参数)
五、练习
- 倒计时：计时器
- 随机点名：随机，计时器
