JavaScript 的核心 ECMAScript 描述了该语言的语法和基本对象。
DOM 描述了处理网页内容的方法和接口。
BOM 描述了与浏览器进行交互的方法和接口。
ECMAScript
简单地说,ECMAScript 描述了以下内容:语法、类型、语句、关键字、保留字、运算符、对象。
ECMAScript只是制定了标准,定义了脚本语言的所有属性、方法和对象,并没有涉及脚本语言的具体实现。其他脚本语言(像javascript和Jscript)以 ECMAScript 作为基准来实现功能和扩展,进而发展出了 DOM 和 BOM。
BOM的意思是浏览器对象模型(Browser Object Model),就是JavaScript中的window对象。
而DOM就是文档对象模型(Document Object Model),就是JavaScript中的document对象,事实上完整的写法是window.document(因为window可以省略),所以DOM实际上是BOM的一个属性。
下面一张图很好的解释了他们之间的关系:
window(BOM)内包含document、history、location、navigator、screen等对象,其中document就是DOM!
PS:BOM是浏览器对象模型,包括浏览器的一些操作,如window.open、window.alert、window.close等,BOM介于各个浏览器厂商对浏览器的不同规定,所以兼容性很差。
BOM详解:
window对象:
BOM使JavaScript有能力与浏览器“对话”,而对话的桥梁就是window对象。
window对象可以理解成在浏览器在JavaScript中的一个实例。
对window对象属性的操作可以获取或操作网页标签的状态、大小、位置等。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
screen对象:
Screen 对象包含有关客户端显示屏幕的信息。
screen对象可以理解成显示器在JavaScript中的一个实例。
navigator对象:
Navigator 对象包含有关浏览器的信息。
navigator对象可以理解成当前浏览器(不是网页标签)在JavaScript中的一个实例。
location对象:
Location 对象包含有关当前 URL 的信息。
location对象可以理解成当前网页网址在JavaScript中的一个实例。
如果调用location对象的属性则返回对应的值,如果给其赋值则将该属性设置为所赋的值,并将网页链接到新的地址。
<html> <body> <script type="text/javascript"> alert(location.href); location.href = "http://www.baidu.com"; </script> </body> </html>
history对象:
History 对象包含用户(在浏览器窗口中)访问过的 URL。
history对象可以理解成浏览器历史记录在JavaScript中的一个实例。
<html> <body> <a onclick="history.go(-1);">上一页</a> </body> </html>
DOM详解:
每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
document对象可以理解为HTML文件在JavaScript中的一个实例。
<html> <head> <title>Sample Page</title> </head> <body> <p>hello world!</p> </body> </html>
这段代码可以用 DOM 绘制成一个节点层次图:
参考链接:
http://www.w3school.com.cn/js/pro_js_history.asp
相关推荐
网络技术Web技术包括HTML , CSS , JavaScript和一些库,例如React , node.js 。... CSS主要基于盒子模型。 p { border-radius : 10 px ;}JavaScript 是动态编程语言,可以... $ JavaScript = ECMAScript + DOM + BOM $
JavaScript是Web开发中不可或缺的一部分,主要由三个组成部分构成:ECMAScript、DOM(文档对象模型)和BOM(浏览器对象模型)。这三个部分协同工作,使开发者能够创建动态、交互式的网页。 1. ECMAScript: ...
),比较运算符(==、===),赋值运算符(=、+=、-=等)以及三元运算符(条件表达式)等。这些操作符的正确使用对于编写高效且无误的JS代码至关重要。 此外,JavaScript还支持类型转换,例如将字符串转换为数值,...
JavaScript中的BOM与DOM、JS核心 JavaScript的核心是基于ECMAScript的,ECMAScript是与运行环境无关的语言,浏览器是ECMAScript的一个众所周知的运行环境,出了浏览器,js还可以运行在PS等等中。 BOM(Browser ...
"JavaScript语言参考手册"通常会提供详细的API参考,涵盖BOM(浏览器对象模型)和DOM(文档对象模型)接口,ECMAScript标准中的内置对象、函数、方法等。这本手册对于开发者在编写代码时查找特定功能的用法非常有...
由于RATJS是一个小型解释器,它可能不会实现完整的JavaScript标准,而是选择了ECMAScript的一个子集,特别是对于一些高级特性和库函数,例如DOM操作或BOM(浏览器对象模型)访问,可能会缺失。因此,在使用RATJS时,...
JavaScript是一种基于ECMAScript标准的脚本语言,广泛应用于网页和网络应用开发。它通过BOM(Browser Object Model)和DOM(Document Object Model)来操控浏览器环境和网页内容。BOM是浏览器提供的一系列特性集合,...
JavaScript,简称JS,是一种广泛应用于Web开发的脚本语言,主要由三个核心组成部分构成:ECMAScript、DOM(文档对象模型)和BOM(浏览器对象模型)。本文将深入讲解这三部分,特别是BOM和DOM在JavaScript中的应用。 ...
`Javascript中文参考手册(W3C标准版).chm`涵盖了JavaScript的基础语法、对象、函数、DOM操作、BOM处理、事件处理以及ECMAScript规范等,对于学习和提升JavaScript编程能力非常有帮助。 2. **PHP**:PHP是一种服务器...
我们都知道, javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异。 1. DOM 是 W3C 的标准; [所有浏览器公共遵守的标准] 2. BOM 是 ...
学习JavaScript不仅仅是掌握一门语言,更是理解ECMAScript规范、DOM(Document Object Model)以及BOM(Browser Object Model)的关键。学习方法上,建议首先牢固掌握JavaScript的基础,再深入研究如jQuery等库或...
我们知道,一个完整的JavaScript的实现,需要由三部分组成:ECMAScript(核心),BOM(浏览器对象模型),DOM(文档对象模型)。 今天主要学习BOM和DOM。 BOM: BOM提供了很多对象,用来访问浏览器的功能,这些功能于网页...
DOM是W3C的标准,而JavaScript的语法标准则由ECMAScript(ECMA)维护。DOM提供了与语言无关的API,这意味着不仅JavaScript,其他编程语言也可以使用DOM来操作XML或HTML文档。 总的来说,BOM和DOM都是JavaScript在...
JavaScript是一种解释执行的脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型,它遵循ECMAScript标准。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,主要用来给...
JavaScript是Web开发中不可或缺的一部分,主要分为两个核心部分:BOM(浏览器对象模型)和DOM(文档对象模型),以及两种版本:ES5和ES6。本文将深入探讨这些概念及其重要知识点。 首先,BOM(Browser Object Model...
JavaScript是一种广泛应用于网页和网络应用的脚本语言,它的核心由ECMAScript、DOM(Document Object Model)和BOM(Browser Object Model)三部分组成。ECMAScript是JavaScript的标准化语法,负责解释和翻译代码;...
JavaScript是一种广泛应用于网页和网络应用开发的解释性脚本语言,其主要由ECMAScript、BOM(浏览器对象模型)和DOM(文档对象模型)三部分组成。在HTML、CSS和JS这构建网站的三大技术中,JavaScript负责赋予网页...