JavaScript--BOM

1.回顾JavaScript的组成部分

①ES(ECMAScript)：欧洲计算机协会指定的语法规范。

②DOM(document object model)：文档对象模型，相当于是整个节点树的根节点。

③BOM(browser object model)：浏览器对象模型，是每个浏览器厂商给程序员提供一个内置对象，可以获取浏览器一些信息，即内置的window对象。

2.

<script type="text/javascript">
    console.log(window);
    console.log(typeof window);
</script>

 3.BOM为用户提供了一些获取浏览器信息的属性和方法。在使用这些属性和方法时，window可以省略。

①获取地址栏信息

console.log(location.href);

②获取电脑屏幕信息

console.log(window.screen);

③获取浏览器版本等信息

console.log(window.navigator.userAgent);

4.BOM对象的一个方法：定时器Timer。

定时器指每隔一段时间执行一次回调函数，语法格式：setInterval(callBack，time)

callBack是回调函数。当一个函数执行时，传递的实参是另一个函数声明部分就成为回调。

time是间隔时间，单位是毫秒。

①

<script type="text/javascript">
    setInterval(function(){
        console.log("我爱学习");
    },3000);
</script>

开始每个三秒打印一次。

②在JS中，将耗费时间的语句称为异步语句，定时器即为异步语句。异步语句特点：先执行异步语句后面的代码，再执行异步语句。

<script type="text/javascript">
    setInterval(function(){
        console.log("我爱学习");
    },3000);
    console.log("我是后面的代码");
</script>

 

③是回调函数多次调用，而不是setInterval()。定时器返回值的含义是指明第几个定时器。

<script type="text/javascript">
    var timer = setInterval(function(){
        console.log("我爱学习");
    },3000);
    console.log(timer);//输出1
</script>

④清除定时器，参数1指清除1个定时器。

clearInterval(1);