100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JS BOM浏览器对象模型

JS BOM浏览器对象模型

时间:2021-10-09 22:43:27

相关推荐

JS BOM浏览器对象模型

BOM浏览器对象模型

bom概述

BOM(Browser Object Model) 即浏览器对象模型,它提供了独立于内容与浏览器窗口进行交互的对象,其核心对象的windowBOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性BOM缺乏标准

DOM与BOM模型的对比

window对象的浏览器的顶级对象

1.onload

传统注册事件只能执行一次,以最后一次为准 window.onload = function(){}//不执行

window.onload = function(){}//执行addEventListener(‘’,function(){})注册事件可以没有限制的执行

load 等页面内容全部加载完毕,包含页面dom元素 图片 flash css等

DOMContentLoaded 是DOM 加载完毕,不包含图片 falsh css 等就可以执行 加载速度比 load更快一些

window.addEventListener('load',function(){alert(22);})document.addEventListener('DOMContentLoaded',function(){alert(33);})//最先执行

window.onload是窗口(页面)加载事件,当文档内容完全加载完成会触发事件

用window.onload可以把js代码写到页面元素的上方

2.定时器

一.setInterval

语法规范: window.setTimeout(调用函数, 延时时间);

这个window在调用的时候可以省略

这个延时时间单位是毫秒 但是可以省略,如果省略默认的是0

这个调用函数可以直接写函数 还可以写 函数名 还有一个写法 ‘函数名()’

页面中可能有很多的定时器,我们经常给定时器加标识符 (名字)

setTimeout(function() {

console.log(‘时间到了’);

}, 2000);

二、setInterval

语法规范: window.setInterval(调用函数, 延时时间)

setTimeout与setInterval的不同:

setTimeout 延时时间到了,就去调用这个回调函数,只调用一次 就结束了这个定时器setInterval 每隔这个延时时间,就去调用这个回调函数,会调用很多次,重复调用这个函数

三、clearInterval清除定时器

clearInterval();

同步与异步

同步:同一时间做一件事,在主线程执行栈中

异步:同一时间干很多不同的事,在任务队列(消息队列)中

js执行机制:

1.先执行执行栈中的同步任务

2.异步任务(回调函数)放入任务队列中

3.一旦执行栈中的所有同步任务执行完毕,系统就会按次序读取任务队列中的异步任务,于是被读取的异步任务结束等待状态,进入执行栈,开始执行。

事件循环-eventloop:主线程不断的重复获得任务、执行任务再获取任务、再执行的机制

//记录浏览历史,所以可以实现后退功能

location.assign(‘’);

//不记录浏览历史,所以不可以实现后退功能

location.replace(‘’);

//相当于f5

location.reload(true);

history.go(1);//-1后退,1前进

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。