BOM 操作
文章目录
1. console.log() 和 console.dir()的区别
console.log()可以取代alert()或document.write(),在网页脚本中使用console.log()时,会在浏览器控制台打印出信息。
console.dir()可以显示一个对象所有的属性和方法。
2. 窗口加载事件
window.onload = function(){
}
或者
window.addEventListener("load",function(){
});
document.addEventListener('DOMContentLoad',function(){
});
window.onload 是窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、css文件等),就调用的处理函数。
DOMContentLoad 是 DOM 加载完毕,不包含图片 falsh css 等价可以执行。比 window.onload 速度要快一些。
注意:
- 有了window.onload 就可以把 JS 代码写到页面元素的上方,因为 onload 是等页面加载完毕,再去执行处理函数。
- window.onload 传统注册事件方式只能写一次,如果多个,会以最后一个 window.onload 为准。
- 如果使用 addEventListener 则没有限制。
3. 定时器
1. 开启定时器 setTimeout()、setInterval()
- window.setTimeout(调用函数,[延迟毫秒数]);
setTimeout() 这个调用函数也称为回调函数 callback
注意:
- window 可以省略。
- 这个调用函数可以直接写函数,或者写函数名或者采取字符出串 ‘函数名()’ 三种形式。第三种不推荐。
- 延迟的毫秒数默认是 0,如果写,必须是毫秒。
- 因为定时器可能有很多,所以经常给定时器赋值一个标识符。
- element.onclick = function(){} 或者 element.addEventListener(“click”,fn); 里面的函数也是回调函数。
<script>
// 回调函数是一个匿名函数
setTimeout(