红宝书第一章总结

一个完整的JavaScript实现由下列三个不同的部分组成

  1. 核心(ECMAScript)
  2. 文档对象模型(DOM)
  3. 浏览器对象模型(BOM)
-----------------------------------------
|              JavaScript               |
|  ------------  ---------- ----------- |
|  |ECMAScript|  |   DOM  | |    BOM  | |
|  ------------  ---------- ----------- |
----------------------------------------|
我们常见的Web浏览器只是ECMAScript实现可能的宿主环境之一。宿主环境不仅提供基本的DOM,同时也会提供该语言的扩展,以便语言与环境之间对接交互。而这些扩展----如DOM,则利用ECMAScript的核心类型和语法提供更多更具体的功能,以便实现针对环境的操作。其他环境包括Node...等

ECMAScript

ECMAScript规定了JS的下列组成部分:

  1. 语法
  2. 类型
  3. 语句
  4. 关键字
  5. 保留字
  6. 操作符
  7. 对象

文档对象模型(DOM)

文档对象类型(DOM , Document Object Model)针对XML但经过扩展用于HTML的API。DOM把整个页面映射为一个多层节丶结构。HTML或XML页面中的每个组成部分都是某种类型的节点,这些节点又包含着不同类型的数据。
<html>
    <head>
        <title>DOM</title>
    </head>
    <body>
        <p>Hello World</p>
    </body>
</html>

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

HTML DOM Node Tree

浏览器对象模型(BOM)

开发人员可以使用浏览器对象模型(BOM,Browser Object Model)来控制浏览器显示的页面以外的部分。

JS扩展:

  1. 弹出新浏览器窗口的功能
  2. 移动、缩放和关闭浏览器窗口的功能
  3. 提供浏览器详细信息的navigator对象
  4. 提供浏览器所加载页面的详细信息的location对象
  5. 提供用户显示器分辨率详细信息的screen对象
  6. 对cookies的支持
  7. 像XMLHttpRequest和IE的ActiveXObject 这样的自定义对象
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值