BOM 操作

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 速度要快一些。

注意：

1. 有了window.onload 就可以把 JS 代码写到页面元素的上方，因为 onload 是等页面加载完毕，再去执行处理函数。
2. window.onload 传统注册事件方式只能写一次，如果多个，会以最后一个 window.onload 为准。
3. 如果使用 addEventListener 则没有限制。

3. 定时器

1. 开启定时器 setTimeout()、setInterval()

• window.setTimeout(调用函数,[延迟毫秒数]);
  setTimeout() 这个调用函数也称为回调函数 callback

注意：

1. window 可以省略。
2. 这个调用函数可以直接写函数，或者写函数名或者采取字符出串 ‘函数名()’ 三种形式。第三种不推荐。
3. 延迟的毫秒数默认是 0，如果写，必须是毫秒。
4. 因为定时器可能有很多，所以经常给定时器赋值一个标识符。
5. element.onclick = function(){} 或者 element.addEventListener(“click”,fn); 里面的函数也是回调函数。

<script>
        // 回调函数是一个匿名函数
         setTimeout(