码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-09-16 00:42:43      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:屏幕   conf   窗口   elf   protoc   code   navig   oca   clear   

一、什么是 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表示下一页

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

标签:屏幕   conf   窗口   elf   protoc   code   navig   oca   clear   

原文地址:https://www.cnblogs.com/pingzi-wq/p/11525058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!