美文网首页
BOM 常用API

BOM 常用API

作者: tazbingor | 来源:发表于2017-04-24 23:54 被阅读0次

BOM 简介

用于操作浏览器的API

BOM是browser object model的缩写,简称浏览器对象模型
BOM提供了独立于内容而与浏览器窗口进行交互的对象
由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C
BOM最初是Netscape浏览器标准的一部分

常用API

粗略的过了一遍MDN上的BOM属性,记录部分常用的BOM API

window.history

操纵浏览器记录

history.back();     // 等同于点击浏览器的回退按钮
history.go(-1);     //等同于history.back();

window.innerHeight/innerWidth

浏览器窗口的视口(viewport)高宽

*window.location

操作刷新按钮和地址栏

location.host

设置或取得当前 URL 的主机名称和端口


*IE和Opera及苹果不支持

location.pathname

设置或取得当前 URL 的路径部分

location.search

查询或设置当前URL的?号开始的字符串

location.href

返回整个URL

location.hash

返回或设置#号开始的部分

location.origin

返回当前域名

*此属性为只读,且IE8不支持

window.navigator

返回当前浏览器的信息

navigator.userAgent

获得HTTP请求的用户带头的值

window.screen

返回有关屏幕大小宽高以及颜色深度等信息

dog | bird |
----|------|--
screen.availWidth | 可用的屏幕宽度
screen.availHeight | 可用的屏幕宽度
screen.width | 当前屏幕宽度 (分辨率)
screen.height | 当前屏幕高度 (分辨率值)
screen.colorDepth | 当前屏幕色彩深度(bit)

window.self

即window
尽量少使用全局变量!!

window.top

返回最顶层页面

window.open()

于打开一个新的浏览器窗口或查找一个已命名的窗口

再次注意:

BOM,即JavaScript可以进行操作的浏览器的各个功能部件的接口

相关文章

  • BOM常见的API和造个小轮子

    一. BOM常用的API: BOM:浏览器对象模型, 是操作浏览器的API window.console返回con...

  • BOM 常用API

    BOM 简介 用于操作浏览器的API BOM是browser object model的缩写,简称浏览器对象模型B...

  • BOM 简单封装BOM库

    紧接着上 博客《BOM 常用API》的内容,且为了熟悉和了解BOM的API,我们来做一个BOM的库主要功能,能在屏...

  • DOM BOM 常用API小记

    DOM 1.元素节点: 元素节点element: 更精确的获得元素的标签名(全大写) 属性节点attribute:...

  • 15-JavaScript-BOM开篇

    BOM 什么是BOM?DOM就是一套操作HTML标签的API(接口/方法/属性)BOM就是一套操作浏览器的API(...

  • BOM对象

    BOM常用对象 1.BOM的常用对象: window navigator history location...

  • JavaScript-BOM

    BOM 什么是BOM DOM就是一套操作HTML标签的API(接口/方法/属性) BOM就是一套操作浏览器的API...

  • 转载几篇BOM的常用方法

    原生js学习笔记5——BOM操作Bom操作常用方法

  • JavaScript----BOM

    BOM DOM就是一套操作HTML标签的API(接口/方法/属性) BOM就是一套操作浏览器的API(接口/方法/...

  • 10-JavaScript-BOM

    什么是BOM DOM就是一套操作HTML标签的API(接口/方法/属性) BOM就是一套操作浏览器的API(接口/...

网友评论

      本文标题:BOM 常用API

      本文链接:https://www.haomeiwen.com/subject/tfemzttx.html