BOM浏览器对象模型 BOM的概念
- BOM指浏览器对象模型,可以与浏览器窗口进行互动。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象是该对象的字对象
- 可以使用BOM的方式对浏览器进行一些操作:刷新浏览器、前进、后退、在浏览器输入URL
加载事件 onload事件
- 给window对象或者某个元素添加onload事件,表示只有绑定事件的元素加载完毕才能触发事件
- window对象加载完毕,指的是所有HTML结构加载完毕,并且引入的资源(js、css、img、视频、音频)加载完毕
- 有了window.unload事件,js代码也可以写在html结构之前了
- ??:一个页面只能有一个window.onload事件
- window对象的一个方法,类似定时炸弹
- 语法:
window.setTimeout(func, time)
- 参数1可以是匿名函数的定义,也可以是函数名的引用
- 参数2是延时的时间,单位是ms
- 功能:在指定的时间后执行一个函数
- 语法:
window.clearTimeout(timeout)
- 参数:需要清除延时器的名称
- 功能:清除指定的延时器
- ??:需要清除的延时器需要存储到一个变量中,以便后期清除
- 相当于一个定时闹钟,每隔固定的时间响一次
- 语法:
window.setInterval(func, interval)
- 功能:每隔一个指定时间,周期性的执行一个函数
- 语法:
window.clearInterval(timer)
- ??:清除的定时器需要存储到一个变量中,便于后面清除
- location对象是window对象下的一个属性,使用的时候可以省略window
- location可以获取或者设置浏览器地址栏的url
- history 对象可以与浏览器历史记录进行交互,浏览器历史记录是对用户所访问的页面按时间顺序进行的记录和保存
- back()
- forward()
- go()
推荐阅读
- js|isNaN()
- js实现支付倒计时(复制即可使用)
- JavaScript|js实现支付页面的倒计时
- js|ESLint和Airbnb代码规范
- js|Vue快速入门-个人笔记
- js|vue table checkbox 单选问题
- Web3|web3js使用metamask调用合约查询和发起交易
- Web3|WalletContract区块钱包链接到web3js
- vue|VUE哔哩哔哩移动端项目使用vant 实现发布功能(上传文件)