BOM总结

1. window对象

窗口位置:

• innerWidth和innerHeight:视口大小
• document.documentElement.clientWidth和document.documentElement.clientHeight保存了页面视口的信息
• 无法确定浏览器窗口本身的大小,但可以取得页面视口的大小

窗口大小

间歇调用和超时调用

• setTimeout()
• setInterval()

系统对话框

• alert: 警示框
• confirm: 确认对话框

if(confirm("are you sure?)) {
    // 做用户点击确认后的操作
}else {
    // 做用户点击取消后的操作
}

• prompt: 提示框,除了可以设置提示内容(第一个参数),还有一个文本输入域(第二个参数设置默认值),当用户点击确认时,会返回输入框内的内容,否则返回null

2.location对象

• location既是window对象的属性,也是document对象的属性.

• location的相关属性:

  
  
  

• 位置操作:assign方法

  • location.assign("yanxin.cn");使用assign方法会立即打开新URL并在浏览器的历史记录中生成一条记录
  • 如果是将location.href或window.href设置为一个URL值,也会以该值调用assign方法

3.navigator对象

• 检测插件:navigator.plugins

4.screen对象

5.history对象

• history对象保存着用户上网的历史记录,history是window对象的属性
• history.go()方法可以在用户的历史记录中任意跳转
  • history.go(负数) 后退
  • history.go(正数) 前进
• history.length 获取历史记录的数量
• 无法获取具体的历史记录