javascript中的对象_js 对象两边叫什么-CSDN博客

本文链接：https://blog.csdn.net/qyf_5445/article/details/8253593

什么是Browser_Objects

JavaScript包含许多浏览器对象(Browser Objects)，这些对象可以与浏览器窗体网页产生互动。Browser Objects也可被称作BOM，它包含一个名叫DOM的节点，每种对象模型都由一种层次结构组成，这种层次结构就像金字塔，DOM的顶层是document对象，BOM的顶层是window对象。

上图是Browser Objects的图示，包括BOM与DOM两部分，箭头代表继承关系。从上图可以大致了解JavaScript的所有特性。

什么是DOM

DOM是Document Object Model的简写，既文档对象模型。
DOM由一系列对象组成，是访问、检索、修改XHTML文档内容与结构的标准方法。
DOM是跨平台与跨语言的。
DOM用于XHTML、XML文档的应用程序接口(API)。
DOM提供一种结构化的文档描述方式，从而使HTML内容使用结构化的方式显示。
DOM标准是由w3c制定与维护的 http://www.w3.org/DOM/。
DOM的顶层是document对象(DOM对象模型见上图)。

什么是BOM

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

在BOM章节中你将学到什么

BOM教程中，同学们将学到与浏览器窗口交互的一些对象，例如可以移动，调整浏览器大小的window对象，可以用于导航的location对象与history对象，可以获取浏览器，操作系统与用户屏幕信息的navigator与screen对象，可以使用document作为访问HTML文档的入口，管理框架的frames对象等

BOM结构图

window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象。

由于window是顶层对象，因此调用它的子对象时可以不显示的指明window对象，

全局的window对象

JavaScript中的任何一个全局函数或变量都是window的属性

示例

var sTest="dreamdu";
document.write(sTest==window.sTest);

结果:

true

由于sTest是全局变量，因此可以通过window.sTest访问这个变量。

这点很重要，我们将在JavaScript作用域章节中详细介绍。

window与self对象

self对象与window对象完全相同，self通常用于确认就是在当前的窗体内。

window的子对象

JavaScript document 对象
JavaScript frames 对象
JavaScript history 对象
JavaScript location 对象
JavaScript navigator 对象
JavaScript screen 对象

window函数索引

窗体控制函数

JavaScript moveBy() 函数
JavaScript moveTo() 函数
JavaScript resizeBy() 函数
JavaScript resizeTo() 函数

窗体滚动轴控制函数

JavaScript scrollTo() 函数
JavaScript scrollBy() 函数

猴子提示: 上面几个函数的名字最后都带有To或By，to是绝对的意思(从整体而言)，by是相对的意思(从原先的位置而言)

窗体焦点控制函数

JavaScript focus() 函数
JavaScript blur() 函数

新建窗体函数

JavaScript open() 函数
JavaScript close() 函数
JavaScript opener 属性

对话框函数

JavaScript alert() 函数
JavaScript confirm() 函数
JavaScript prompt() 函数

状态栏属性

JavaScript window.defaultStatus 属性
JavaScript window.status 属性

时间等待与间隔函数

JavaScript setTimeout() 函数
JavaScript clearTimeout() 函数
JavaScript setInterval() 函数
JavaScript clearInterval() 函数

document属性

cookie -- 用户cookie
title -- 当前页面title标签中定义的文字
URL -- 当前页面的URL

下面内容的不建议使用

alinkColor -- 代表HTML body标签的alink属性
bgColor -- 代表HTML body标签的bgcolor属性
fgColor -- 代表HTML body标签的text属性
linkColor -- 代表HTML body标签的link属性
vlinkColor -- 代表HTML body标签的vlink属性
lastModified -- 页面最后修改的日期字符串，可以使用Date的构造函数转换为日期，例如：new Date(document.lastModified);
referrer -- 浏览器history中后退一个位置的URL

由于document代表HTML文档的内容，因此可以通过它表示文档中加载的一些元素，这些元素全部通过集合访问。