《JavaScript高级程序设计》读书笔记一 :JavaScript简介

一. JavaScript简史:

JavaScript诞生于1995年(和博主同岁,哈哈~),其初衷是为了完成一些基本的表单验证,频繁地与服务器交换数据只会增加服务器的压力,加大数据交换的数量,减缓系统响应速度。而JavaScript的出现有效的解决了这一难题,经过20多年的发展,在B/S日益流行的今天,JavaScript已经成为了H5默认的脚本代码,各种JS框架页层出不穷,包括JQuery,Angular.js等等,相信在未来的时间里,JavaScript会越来越受到Web开发者的青睐。

二.JavaScript实现

一个完整的JavaScript实现应该由一下三部分组成:

  1. 核心(ECMAScript)
  2. 文档对象模型(DOM)
  3. 浏览器对象模型(BOM)

文档对象模型(DOM)

文档对象模型(Document Object Model)是针对XML但经过扩展用于HTML的应用程序编程接口(API,Application Programming Interface)。DOM把整个页面映射为一个多层节点结构。我们可以通过操作HtmlDOM来实现对HTML页面的操作,DOM提供了可以利用编程方式操作web页面的平台,DOM是树结构的。HTML或XML页面中的每个组成部分都是某种类型的节点,这些节点包含着不同类型的数据。

让我们以简单的html页面结构为例:

<html>
    <head>
        <title>
        文档对象模型DOM
        </title>
    </head>
    <body>
    </body>
<html>

DOM可以把这个页面映射为一个多层节点树结构,通过DOM可以创建一个表示文档的树形图,开发人员获得控制页面和结构的主动权。借助DOM提供的API可以轻松的删除,添加,替换,修改任何节点。当我们在JavsScript中操作一个html页面时,实际上操作的html的dom模型。

DOM级别

DOM1级(DOM Level 1)级别有两个模块组成:DOM核心(DOM Core)和 DOM HTML。其中,DOM核心规定的是如何映射基于XML的文档结构,以便简化对文档中对任意部分的访问和操作。DOM THML 模块则在DOM核心的基础上加以扩展,添加了针对HTML的对象和方法。
如果说DOM1级的目标主要是映射文档对象结构,那么DOM2级的目标就要宽泛的很多,DOM2级(DOM Level 2)在原来的基础上有扩充了(DHTML一直都支持的)鼠标和用户界面事件,范围,遍历(迭代DOM文档的方法)等细分模块,而且通过对象接口增加了对CSS(Cascading Style Sheets,层叠样式表)的支持。DOM1级别中的DOM核心模块也经过拓展开始支持XML命名空间。
DOM2级引入了下列新模块,也给出了新类型和新接口的定义。
1. DOM视图(DOM Views)定义了跟踪不同文档(例如,应用CSS之前和之后的文档)视图的接口。
2. DOM事件(DOM Events)定义了事件了事件处理的接口。
3. DOM样式(DOM Styles)定义了基于CSS为元素应用样式的接口。
4. DOM遍历和范围(DOM Traversal and Range)定义了遍历和操作文档树的接口。

浏览器对象模型

开发人员可以使用BOM控制浏览器显示的页面以外的部分,从根本上来将,BOM只处理浏览器窗口和框架;但人们已经习惯将所有针对浏览器的JavaScript扩展算作是BOM的一部分。以下就是这些扩展:

  1. 弹出新浏览器窗口的功能。
  2. 移动,缩放和关闭浏览器窗口的功能。
  3. 提供浏览器信息信息的navigator对象。
  4. 提供浏览器所加载页面详细信息的location对象。
  5. 提供用户显示器分辨率详细信息的screen对象。
  6. 对cookie的支持。
  7. 像XMLHttpRequest和IE的ActiveXObject这样的自定义对象。

三.小结

JavaScript是一种专为网页交互而设计的脚本语言。有以下三个重要的部分组成:
1. ECMAScript,由ECMA-262定义,提供语言核心功能,定义JavaScript语法。
2. 文档对象模型(DOM),提供访问和操作网页内容的方法和接口。
3. 浏览器对象模型(BOM),提供与浏览器交互的方法和接口。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值