Js基础(一)

总结自《JavaScript高级程序设计(第3版)》


目录

 

ch1 Js简介

1.2 JavaScript实现

1.2.1 ECMAScript

1.2.2 文档对象模型(DOM) ——W3C标准

1.2.3 浏览器对象模型(BOM)

1.4 小结


ch1 Js简介

1.2 JavaScript实现

一个完整的 JavaScript 实现应该由下列三 个不同的部分组成(见图 1-1)。

核心(ECMAScript

文档对象模型(DOM

浏览器对象模型(BOM1-1

1.2.1 ECMAScript

ECMA-262 定义的 ECMAScript Web 浏览器没有依赖关系。

Web 浏览器只是 ECMAScript 实现可能的宿主环境之一。宿主环境不仅提供基本的 ECMAScript 实现,同时也会提供该语言的扩展,以便语言与环境之间对接交互。而这些扩展——如 DOM,则利用 ECMAScript 的核心类型和语法提供更多更具体的功能,以便实现针对环境的操作。其他 宿主环境包括 Node(一种服务端 JavaScript 平台)和 Adobe Flash

组成部分:

语法

类型

语句

关键字

保留字

操作符

对象

1.2.2 文档对象模型(DOM) ——W3C标准

文档对象模型(DOMDocument Object Model)是针对 XML 但经过扩展用于 HTML 的应用程序编程接口(APIApplication Programming Interface)。DOM 把整个页面映射为一个多层节点结构HTML 或 XML 页面中的每个组成部分都是某种类型的节点,这些节点又包含着不同类型的数据。

<html> 
 <head> 
 <title>Sample Page</title> 
 </head> 
 <body> 
 <p>Hello World!</p> 
 </body> 
</html> 

DOM 中,这个页面可以通过图 1-2 所示的分层节点图表示。

通过 DOM 创建的这个表示文档的树形图,开发人员获得了控制页面内容和结构的主动权。借助 DOM 提供的 API,开发人员可以轻松自如地删除、添加、替换或修改任何节点。

1.2.3 浏览器对象模型(BOM

——没有相关的标准

从根本上讲,BOM 只处理浏览器窗口和框架;但人们习惯上也把所有针对浏览器的 JavaScript 扩展 算作 BOM 的一部分。下面就是一些这样的扩展:

弹出新浏览器窗口的功能;

移动、缩放和关闭浏览器窗口的功能;

提供浏览器详细信息的 navigator 对象;

提供浏览器所加载页面的详细信息的 location 对象;

提供用户显示器分辨率详细信息的 screen 对象;

cookies 的支持;

XMLHttpRequest IE ActiveXObject 这样的自定义对象。

由于没有 BOM 标准可以遵循,因此每个浏览器都有自己的实现。虽然也存在一些事实标准,例如 要有 window 对象和 navigator 对象等,但每个浏览器都会为这两个对象乃至其他对象定义自己的属 性和方法。

1.4 小结

JavaScript 是一种专为与网页交互而设计的脚本语言,由下列三个不同的部分组成:

ECMAScript,由 ECMA-262 定义,提供核心语言功能

文档对象模型(DOM),提供访问和操作网页内容的方法和接口

浏览器对象模型(BOM),提供与浏览器交互的方法和接口

JavaScript 的这三个组成部分,在当前五个主要浏览器(IEFirefoxChromeSafari Opera)中

都得到了不同程度的支持。其中,所有浏览器对 ECMAScript 3 版的支持大体上都还不错,而对

ECMAScript 5 的支持程度越来越高,但对 DOM 的支持则彼此相差比较多。对已经正式纳入 HTML5

准的 BOM 来说,尽管各浏览器都实现了某些众所周知的共同特性,但其他特性还是会因浏览器而异。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值