bom

浏览器对象模型

window对象
  • 打开一个网页

javascript-bom-浏览器对象模型_弹出框
效果，打开了百度页面

从新的窗口

javascript-bom-浏览器对象模型_提示框_02

  • 浏览器窗口内部的宽高

javascript-bom-浏览器对象模型_提示框_03

window的子对象
  • location对象

获取当前网址

javascript-bom-浏览器对象模型_当前页_04

访问一个网页

window.location.href = 网址

location.href = 网址

javascript-bom-浏览器对象模型_当前页_05
页面会跳转

在当前页会跳到百度页

会看到百度的一些console输出

javascript-bom-浏览器对象模型_提示框_06

重新加载本页面，刷新本页

javascript-bom-浏览器对象模型_提示框_07
效果同

javascript-bom-浏览器对象模型_宽高_08

  • 弹出框

javascript-bom-浏览器对象模型_百度_09
javascript-bom-浏览器对象模型_提示框_10

javascript-bom-浏览器对象模型_当前页_11

  • 确认框

confirm

javascript-bom-浏览器对象模型_提示框_12
javascript-bom-浏览器对象模型_提示框_13

点击确定，返回true，点击取消，返回false

javascript-bom-浏览器对象模型_提示框_14

  • 提示框

prompt

javascript-bom-浏览器对象模型_提示框_15

javascript-bom-浏览器对象模型_弹出框_16

javascript-bom-浏览器对象模型_百度_17

javascript-bom-浏览器对象模型_当前页_18

  • 计时器，一次性
setTimeout(函数名，豪秒数)

javascript-bom-浏览器对象模型_百度_19
setTimeout（执行语句，豪秒数）

关注 setTimeout的返回值h

返回值是一个整数，计算了数量

可以利用它来进行计时器的取消

取消计时器

clearTimeout(计数器的数值)

javascript-bom-浏览器对象模型_弹出框_20

通常情况

定义，取消的操作

javascript-bom-浏览器对象模型_提示框_21

配合函数来使用

javascript-bom-浏览器对象模型_提示框_22

  • 定时器，隔一段时间触发一次
setInterval（函数名，豪秒数）

javascript-bom-浏览器对象模型_提示框_23