19、js三块、弹出框、open、close、定时器

一、 JS三块介绍(window、BOM、DOM)：

---

1、window对象最高级；

2、BOM：浏览器对象：brower object model

3、DOM：文档对象模型：document object mode

4、BOM网页一打开就存在

5、DOM去操作代码

6、Document是链接DOM和BOM

      Document有下级，其他都没有下级（多窗口）

二、window的三个弹出框：

---

1、alert()：弹出一个窗口；

2、prompt("提示语句","默认值")：弹出一个用户可以输入的窗口，加入提示性语句，也可以加入默认值，如果用户不填写信息，点击确认，得到的将是空字符串，点击取消，得到的是null；

3、confirm()：弹出一个可以让用户选择的窗口（确认/取消），点击确认，得到ture，点击取消，得到false。

三、window.open：打开一个新窗口

---

window.open("链接","name","设置",);

1、width：设置窗口高度；

2、height：设置窗口的高度；

3、left：新窗口到左端的距离；

4、top：新窗口到顶端的距离；

5、scrollbars：是否显示滚动条(yes，no，1，0)；

6、toolbar：是否显示浏览器工具栏(yes，no，1，0)；

7、location：是否显示浏览器地址栏(yes，no，1，0)。

<script type="text/javascript">window.open("http://www.baidu.com","abcd","width=600,height=300,top=200,left=100,scrollbars=yes,toolbar=yes,location=no");
</script>

注意：当弹窗未关闭，刷新原网页不会再发生弹窗；

   浏览器保护会导致某些窗口特征无法正常显示。

四、window.close：关闭一个新窗口

---

注意：只有通过javascript代码打开的窗口才能用javascript代码关闭。

 

五、 定时器：

---

创建：

5.1、一次性定时器：

格式：var n1=window.setTimeout("js代码",时间t)；

执行：在时间t后执行js代码（只会执行一次）；

返回值：返回一个定时器的id变量，这个id变量给clearInterval()用来清除。

时间：以毫秒为单位。

5.2、反复性定时器：  

格式：var n2=window.setInterval("js代码",时间t)；

执行：每过时间t就会执行一次js代码（n次）；

返回值：返回一个延时器的id变量，这个id变量给clearTimeout()用来清除。

时间：以毫秒为单位。

清除：

window.clearTimeout(n1);

window.clearInterval(n2);

注意：清除定时器，必须给定时器命名，匿名定时器无法清除