`

JavaScript = ECMAscript+DOM+BOM

阅读更多

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • 大小: 36.3 KB
  • 大小: 1.8 KB
  • 大小: 1.7 KB
1
0
分享到:
评论

相关推荐

    web:Web技术说明和演示

    网络技术Web技术包括HTML , CSS , JavaScript和一些库,例如React , node.js 。... CSS主要基于盒子模型。 p { border-radius : 10 px ;}JavaScript 是动态编程语言,可以... $ JavaScript = ECMAScript + DOM + BOM $

    【JavaScript源代码】JavaScript es6中var、let以及const三者区别案例详解.docx

    JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为:ECMAScript是JavaScript的语言规范,JavaScript是ECMAScript的实现和扩展。 2011 年,ECMAScript 5.1 版发布。之前我们大部分人用的也就是ES5 2015 年...

    JS(BOM_DOM).docx

    JS内容 包括: ECMAScript(国际标准) DOM(JavaScript操作网页上的元素的API) BOM(JavaScript操作浏览器的部分功能的API),本文档是对BOM和DOM部分介绍

    javascript学习笔记(三)BOM和DOM详解

    我们都知道, javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异。 1. DOM 是 W3C 的标准; [所有浏览器公共遵守的标准] 2. BOM 是 ...

    实现JavaScript的组成—-BOM和DOM详解

    我们知道,一个完整的JavaScript的实现,需要由三部分组成:ECMAScript(核心),BOM(浏览器对象模型),DOM(文档对象模型)。 今天主要学习BOM和DOM。 BOM: BOM提供了很多对象,用来访问浏览器的功能,这些功能于网页...

    JavaScript基础&BOM,学习Java第42天

    Java Script由三个主要组成部分:ECMAScript(核心),BOM(浏览器对象模型),DOM(文档对象模型 注:ECMAScript描述了语法、类型、语句、关键字、保留字、运算符和对象。它就是定义了脚本语言的所有属性、方法和...

    《精通Javascript+jQuery》光盘源码

    第1部分 JavaScript.cCSS与DOM基础篇   第1章 ccJavaScript概述  1.1 JavaScript的起源  1.2 浏览器之争  1.2.1 DHTML  1.2.2 浏览器之间的冲突  1.2.3 标准的制定  1.3 JavaScript的实现  1.3.1...

    JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)

    JavaScript是一种解释执行的脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型,它遵循ECMAScript标准。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,主要用来给...

    【WebApi思想导图】Javascript分为ECMAScript和WebApi,此为WebApi部分

    WebApi包括DOM和BOM部分。DOM部分包括元素操作、节点操作、DOM事件、事件对象及部分补充知识。BOM包括navigator、location、history、screen等部分。定时器、本地存储也有需要掌握的基础部分。

    Web前端开发技术-认识DOM对象.pptx

    JavaScript语言由3部分组成,分别是ECMAScript、BOM和DOM,其中ECMAScript是JavaScript语言的核心,而Web API包括BOM和DOM两部分。;;API:应用程序编程接口,是一些预先定义的函数,这些函数是由某个软件开放给开发...

    javaScript基础

    1. javaScript由三部分组成:ECMAScript、DOM和BOM 2. 在html页面中引用javaScript有三种方式:直接把javaScript代码写在标签script和/script结束标签之间,使用外部javaScript文件或直接把简短的javaScript代码写在...

    JavaScript基础培训(公司内部干货)

    动态语言与动态类型语言 ECMAScript与JavaScript,JavaScript与BOM、DOM JavaScript基础语法 JavaScript对象机制、类与继承 JavaScript执行机制、作用域链和闭包 JavaScript编程建议

    JavaScript组成、引入、输出、运算符基础知识讲解

    javascript简介: JavaScript 是属于网络的脚本语言!...// ecmascript bom dom dom (文档对象模型) 用来访问和操纵html文档 bom (浏览器对象模型) js 是浏览器语言 JavaScript引入: 1 &lt;s

    JavaScript期末考试复习必会代码

    JavaScript复习资料纯代码版,手动整理,包含ECMAScript、DOM和BOM三方面经典代码共22条,应对期末考试救急用。背会熟悉会期末稳过

    5分钟快速掌握JS中var、let和const的异同

    JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为:ECMAScript是JavaScript的语言规范,JavaScript是ECMAScript的实现和扩展。 2011 年,ECMAScript 5.1 版发布。之前我们大部分人用的也就是ES5 2015 年 6...

    Windows下使用Nodejs运行js的方法

    ECMAScript是什么? ECMAScript,说白了就是不能操作HTML文档和浏览器的Javascript语言。 Javascript由以下三大部分组成: ...BOM(Browser Object Model),提供Javascript与浏览器窗口的交互,通过BOM可以操作浏览器,如

    JavaScript学习心得之概述

    ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript  ECMA-262定义的ECMAScrip与Web浏览器没有依赖关系,ECMA-262定义的只是这门语言的基础,提供核心语言功能  ECMAScript是通过ECMA...

    精通JavaScript+jQuery Part1

    第1部分 JavaScript.cCSS与DOM基础篇   第1章 ccJavaScript概述  1.1 JavaScript的起源  1.2 浏览器之争  1.2.1 DHTML  1.2.2 浏览器之间的冲突  1.2.3 标准的制定  1.3 JavaScript的实现  ...

    JavaScript全集

    DOM,BOM,ECMAscript知识讲解

Global site tag (gtag.js) - Google Analytics