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 获取历史记录的数量
  • 无法获取具体的历史记录
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容