BOM的简单介绍

BOM的简单介绍

BOM

JavaScript里面包含了三部分内容：ECMAScript核心语法，DOM，BOM

前言

BOM 我们将其称之为浏览器对象模型。里面主要是帮助我们和浏览器进行交互的方法和接口。

IE3.0和Netscape Navigator 3.0提供的一种新的特性，主要是用来通过js这门脚本语言
来操作浏览器，方便我们对浏览器窗口进行访问。

BOM因为一直没有相关的官方准则，所以在不同浏览器中实现BOM API的方式或者说展示的效果都不尽相同。

在BOM当中包含了一些对象，下面列出的这些对象都是经常看到和使用到的对象:

  • Window对象
  • Navigator对象
  • Screen对象
  • History对象
  • Location对象

window对象

window意思为窗口，表示浏览器窗口。

window对象的属性

1、 window.name表示当前窗口的名字。
2、 window.closed,window.opener
如果新开的子窗口和父窗口之间没有必要的通信需要，就建议将opener设置为null.

var a = window.open()
a.opener = null;

3、 window.screenX,window.screenY
返回浏览器窗口左上角相对于当前屏幕左上角的水平距离和垂直距离，单位是像素，并且是属性是只读的属性

4、 window.innerWidht,window.innerHeight
返回网页在当前窗口中可见部分的宽度和高度。也就是视口viewport.单位是像素。只读属性

5、window.outerWidth,window.outerHeight
这两个属性返回浏览器窗口的宽度和高度。包括菜单栏和边框。

6、window.scrollX,window.scrollY
页面水平和垂直的滚动距离。单位是像素

属性

组件属性返回浏览器的组件对象。这样的属性有下面几个。

  • window.locationbar：地址栏对象
  • window.menubar：菜单栏对象
  • window.scrollbars：窗口的滚动条对象
  • window.toolbar：工具栏对象
  • window.statusbar：状态栏对象
  • window.personalbar：用户安装的个人工具栏对象

上面的这些属性都是只读的。不能修改。

原文地址：https://www.cnblogs.com/caominjie/p/10849265.html

时间： 2024-11-08 23:13:08

BOM的简单介绍的相关文章

《javascript高级程序设计》读书笔记（一）javascript简单介绍

第一章:javascript简单介绍 Netscape Navigator 开发的javascript   Javascript的实现有三部分: 1.核心(ECMAScript):提供核心语言功能. 2.文档对象模型(DOM):提供訪问和操作网页内容的方法和接口. 3.浏览器对象模型(BOM):提供和浏览器交互的方法和接口. Web浏览器仅仅是ECMAScripr实现的可能宿主环境之中的一个. 五大主流Web浏览器(IE,Firefox,Safari,Chrome和Opera) 第二章:在Htm

前端之JavaScript：JS简单介绍

JavaScript(JS)之简单介绍 一.JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript 微软随后模仿在其IE3.0

字符编码简单介绍

1. ASCII码 ASCII (American Standard Code for Information Interchange, 美国标准信息交换代码),是基于拉丁字母的一套编码系统.主要用于显示现代英语和其它西欧语言.它是现今最通用的单字节编码系统. 单个字节能够表示256个不同的字符,只是 ASCII 仅仅使用了当中低于\x80(即最高位字节为0)的一半来表示全部的英文字符以及一些控制字符,因此 ASCII 码的实际取值范围为0x00到0x7f之间,一共128个字符. 2. 多字节字

JavaScript（JS）之简单介绍

JavaScript(JS)之简单介绍 一.JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript 微软随后模仿在其IE3.0

python的列表，元组和字典简单介绍

引 入 java                                   python 存取多个值:数组或list集合 ------------------------> 列表,元组 key-value格式:    Map        ------------------------>    字典 自己学习发现,java跟python这两门面向对象语言在数据类型的定义上,很多思想都是互通的,这里不说java,简单介绍一下python的列表,元组和字典. 一.列表 List: 最通

javascript的return语句简单介绍

javascript的return语句简单介绍:return语句在js中非常的重要,不仅仅具有返回函数值的功能,还具有一些特殊的用法,有个清晰的把握是非常有必要的.下面就结合实例简单介绍一下return语句的作用.一.用来返回控制和函数结果:通常情况,return语句对于一个函数是很有必要的,因为往往需要函数在一系列的代码执行后会得到一个期望的返回值,而此值就是通过return语句返回,并且将控制权返回给主调函数.语法格式: return 表达式 代码实例如下: function add(){

Object-c集合的简单介绍

一.简单介绍 NSArray/NSMutableArray NSSet/NSMutableSet NSDictionary/NSMutableDictionary NSArray.NSSet.NSDictionary是不可变的,创建的时候初始化 NSMutableArray.NSMutableSet.NSMutableDictionary是可变的 二.使用介绍 NSArray是有序的数组 NSMutableArray *myArray=[[NSMutableArray alloc] init];

plsql的环境与介绍：环境的搭建和plsql的简单介绍

PLSQL编程 1.环境的搭建 (1)创建一个存储表空间 SQL> conn /as sysdbaConnected. SQL> create tablespace plsql datafile '/u01/oracle/oradata/ORCL/plsql01.dbf' size 1G; Tablespace created. (2)创建PLSQL用户SQL> create user plsql identified by plsql default tablespace plsql;

CSS之box-sizing的用处简单介绍

前几天才发现有 box-sizing 这么个样式属性,研究了一番感觉很有意思, 通过指定容器的盒子模型类型,达到不同的展示效果 例如:当一个容器宽度定义为 width:100%;  之后,如果再增加 padding 或者 border 则会溢出父容器,是向外扩张的 如果使用该样式,指定为 box-sizing: border-box; 则 padding 和 border 就不会再溢出,而是向内收缩的,这个效果感觉非常实用, 特别是 input 和 textarea 等 现在设置 100% 再直