BOM —— 浏览器对象模型(Browser Object Model)

Posted 2022-11-03 pingzi-wq

一、什么是 BOM

• BOM 是 Broswer Object Model 的缩写，中文为浏览器对象模型
• BOM 提供了独立于内容而与浏览器窗口进行交互的对象
• 由于 BOM 主要用于管理窗口与窗口之间的通讯，因此其核心对象是 window
• BOM 缺乏标准，所以你会发现 MDN 上面搜寻不了，javascript语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C

二、一些大部分通用的API

• window对象——BOM核心
  • window.alert(‘提示信息‘)
  • window.confirm(‘确认信息‘)
  • window.prompt(‘弹出输入框‘)
  • window.open(‘url地址‘, ‘_black或_self‘, ‘新窗口大小‘)；          // black：新开一个空白的窗口打开链接，self在当前框架中打开链接
  • window.close()   // 关闭当前页
  • setTimeout(函数， 时间)    // 定时器，只执行一次
  • clearTimeout(定时器名称)  // 清除计时器
  • setInterval(函数，时间)     // 定时器，无限执行
  • clearInterval()      // 停止执行 setInterval()
• location对象
  • localtion.href = ‘url地址‘;           // 跳转到这个url地址
  • localtion.hostname         // 返回 web 主机名
  • localtion.pathname            // 返回当前页面的路径和文件名
  • localtion.port             // 返回 web 主机的端口
  • localtion.protocol      // 返回页面使用的web协议，http||https
• navigator对象 —— 获取浏览器的所有信息
  • navigator.appCodeName   // 返回浏览器的代码名
  • navigator.appMinorVersion      // 返回浏览器的次级版本
  • navigator.appName    // 返回浏览器的名称
  • navigator.appVersion   // 返回浏览器的平台和版本信息
  • navigator.browserLanguage      // 返回当前浏览器的语言
  • navigator.userAgent       // 返回由客户机发送服务器的 user-agent 头部的值。
• screen对象
  • screen.height     // 获取整个屏幕的高
  • screen.width        // 获取整个屏幕的宽
  • screen.availiHeight         // 整个屏幕的高减去系统部件的高（可用的屏幕高度）
  • screen.availWidth         // 整个屏幕的宽减去系统部件的宽（可用的屏幕宽度）
• history对象 包含浏览器的历史
  • history.back();         // 返回上一页
  • history.forward()      // 前进下一页
  • history.go(‘参数‘);     // -1 表示上一页，1表示下一页