html中的bom和dom,Javascript操作BOM和DOM对象详解（1）

一、JavaScript的实现包括以下3个部分：

1.ECMAScript(核心)

描述了JS的语法和基本对象。

2.浏览器对象模型(BOM)

与浏览器交互的方法和接口

3.文档对象模型 (DOM)

处理网页内容的方法和接口

(1)ECMAScript：

1.ECMAScript是一个标准，JavaScript只是它的一个实现，还有其他实现如：ActionScript。

2.ECMAScript可以为不同种类的宿主环境提供核心的脚本编程能力……”，即ECMAScript不与具体的宿主环境相绑定，如JS的宿主环境是浏览器，AS的宿主环境是Flash。

3.ECMAScript描述了以下内容：语法、类型、语句、关键字、保留字、运算符对象。

(2)BOM(浏览器对象模型)：是操作浏览器的API，BOM 其实就是为了控制浏览器的行为而出现的接口，window是其的一个对象。javacsript是通过访问BOM(Browser Object Model)对象来访问、控制、修改客户端(浏览器)

(3)DOM(文档对象模型):是操作文档出现的 API，是为了操作文档出现的接口，document 是其的一个对象。

图示：

其中红线框起来的是BOM操作，绿线框起来的是DOM操作。

二、BOM浏览器对象模型

BOM 是 Browser Object Model，浏览器对象模型，BOM中最核心的对象是Window对象：

由于BOM的window包含了document，因此可以直接使用window对象的document属性，从window.document已然可以看出，DOM对象是BOM中window对象的子对象。操作BOM就是操作BOM的window对象。

三、window对象

1.Window对象包含几个子对象：document、location、navigator、screen、history、frames。

2.Window对象的方法：

方法

描述

显示带有一段消息和一个确认按钮的警告框。

把键盘焦点从顶层窗口移开。

取消由 setInterval() 设置的 timeout。

取消由 setTimeout() 方法设置的 timeout。

关闭浏览器窗口。

显示带有一段消息以及确认按钮和取消按钮的对话框。

创建一个 pop-up 窗口。

把键盘焦点给予一个窗口。

可相对窗口的当前坐标把它移动指定的像素。

把窗口的左上角移动到一个指定的坐标。

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

打印当前窗口的内容。

显示可提示用户输入的对话框。

按照指定的像素调整窗口的大小。

把窗口的大小调整到指定的宽度和高度。

scroll()

按照指定的像素值来滚动内容。

把内容滚动到指定的坐标。

按照指定的周期(以毫秒计)来调用函数或计算表达式。

在指定的毫秒数后调用函数或计算表达式。

3.Window对象的属性：

属性

描述

返回窗口是否已被关闭。

设置或返回窗口状态栏中的默认文本。

对 Document 对象的只读引用。(请参阅对象)

返回窗口中所有命名的框架。该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架。

对 History 对象的只读引用。请参数 History 对象。

返回窗口的文档显示区的高度。

返回窗口的文档显示区的宽度。

设置或返回窗口中的框架数量。

用于窗口或框架的 Location 对象。请参阅 Location 对象。

设置或返回窗口的名称。

对 Navigator 对象的只读引用。请参数 Navigator 对象。

返回对创建此窗口的窗口的引用。

返回窗口的外部高度，包含工具条与滚动条。

返回窗口的外部宽度，包含工具条与滚动条。

设置或返回当前页面相对于窗口显示区左上角的 X 位置。

设置或返回当前页面相对于窗口显示区左上角的 Y 位置。

返回父窗口。

对 Screen 对象的只读引用。请参数 Screen 对象。

返回相对于屏幕窗口的x坐标

返回相对于屏幕窗口的y坐标

返回相对于屏幕窗口的x坐标

返回相对于屏幕窗口的y坐标

返回对当前窗口的引用。等价于 Window 属性。

设置窗口状态栏的文本。

返回最顶层的父窗口。

4.图示：

四、window对象的其它子对象

document子对象单独放到DOM中详解，只介绍location、navigator、screen、history这四子对象。

1. Navigator 对象

Navigator 对象的属性

属性

说明

返回浏览器的名称

返回浏览器的平台和版本信息

返回指明浏览器中是否启用 cookie 的布尔值

返回运行浏览器的操作系统平台

返回由客户机发送服务器的user-agent 头部的值

Navigator 对象的方法

方法

描述

指定是否在浏览器中启用Java

规定浏览器是否启用数据污点(data tainting)

2.Screen 对象

Screen 对象的属性

属性

说明

返回屏幕的高度(不包括Windows任务栏)

返回屏幕的宽度(不包括Windows任务栏)

返回目标设备或缓冲器上的调色板的比特深度

返回屏幕的总高度

返回屏幕的颜色分辨率(每象素的位数)

返回屏幕的总宽度

3.History 对象

History 对象属性

属性

说明

返回历史列表中的网址数

History 对象方法

方法

说明

加载 history 列表中的前一个 URL

加载 history 列表中的下一个 URL

加载 history 列表中的某个具体页面

4.Location 对象

Location 对象属性

属性

描述

返回一个URL的锚部分

返回一个URL的主机名和端口

返回URL的主机名

返回完整的URL

返回的URL路径名。

返回一个URL服务器使用的端口号

返回一个URL协议

返回一个URL的查询部分

Location 对象方法

方法

说明

载入一个新的文档

重新载入当前文档

用新的文档替换当前文档