JavaScript高级程序设计

副标题:无

作   者:(美)Nicholas C. Zakas著

分类号:

ISBN:9787115275790

微信扫一扫,移动浏览光盘

简介

所属分类:计算机网络 > 程序设计> java javascript j2ee > 本书是 javascript超级畅销书的最新版。ecmascript5和html5在标准之争中双双胜出,使大量专有实现和客户端扩展正式进入规范,同时也为 javascript增添了很多适应未来发展的新特性。《 javascript高级 程序设计》这一版除增加5章全新内容外,其他章节也有较大幅度的增补和修订,新内容篇幅约占三分之一。全书从 javascript语言实现的各个组成部分——语言核心、dom、bom、事件模型讲起,深入浅出地探讨了面向对象编程、ajax与comet服务器端通信,html5表单、媒体、canvas(包括 webgl)及 webworkers、地理定位、跨文档传递消息、客户端存储(包括indexeddb)等新api,还介绍了离线应用和与维护、性能、部署相关的最佳开发实践。《 javascript高级 程序设计(第3版)》附录展望了未来的api和ecmascriptharmony规范。   本书适合有一定编程经验的 web应用开发人员阅读,也可作为高校及社会实用技术培训相关专业课程的教材。 第1章 javascript简介 1.1 javascript简史 1.2 javascript实现 1.2.1 ecmascript 1.2.2 文档对象模型(dom) 1.2.3 浏览器对象模型(bom) 1.3 javascript版本 1.4 小结 第2章 在html中使用 javascript 2.1 元素 2.1.1 标签的位置 2.1.2 延迟脚本 2.1.3 异步脚本 2.1.4 在xhtml申的用法 2.1.5 不推荐使用的语法 2.2 嵌入代码与外部文件 2.3 文档模式 2.4 元素 2.5 小结 第3章 基本概念 3.1 语法 3.1.1 区分大小写 3.1.2 标识符 3.1.3 注释 3.1.4 严格模式 3.1.5 语句 3.2关键字和保留字 3.3 变量 3.4 数据类型 3.4.1 typeof操作符 3.4.2 undefined类型 3.4.3 null类型 3.4.4 boolean类型 3.4.5 number类型 3.4.6 string类型 3.4.7 0bj ect类型  3.5 操作符 3.5.1 一元操作符 3.5.2 位操作符 3.5.3 布尔操作符 3.5.4 乘性操作符 3.5.5 加性操作符 3.5.6 关系操作符 3.5.7 相等操作符 3.5.8 条件操作符 3.5.9赋值操作符 3.5.10 逗号操作符  3.6 语句 3.6.1 if语句 3.6.2 do—while语句 3.6.3 while语句 3.6.4 for语句 3.6.5 for—in语句 3.6.6 label语句 3.6.7 break和continue语句 3.6.8 with语句 3.6.9 switch语句  3.7 函数 3.7.1 理解参数 3.7.2 没有重载  3.8 小结 第4章 变量、作用域和内存问题 第5章 引用类型 第6章 面向对象的 程序设计 第7章 函数表达式 第8章 bom 第9章 客户端检测 第10章 dom 第11章 dom扩展 第12章 dom2和dom3 第13章 事件 第14章 表单脚本 第15章 使用canvas绘图 第16章 html5脚本编程 第17章 错误处理与调试 第18章  javascriptgn xml 第19章 e4x 第20章 json 第21章 ajax与comet 第22章 高级技巧 第23章 离线应用与客户端存储 第24章 最佳实践 第25章 新兴的api 附录a ecmascript harmony 附录b 严格模式 附录c  javascript库 附录d  javascript工具 javascript简介   本章内容    javascript历史回顾    javascript是什么    javascript与ecmascript的关系    javascript的不同版本   avascript诞生于1995年。当时,它的主要目的是处理以前由服务器端语言(如perl)负责的一些输入验证操作。在 javascript问世之前,必须把表单数据发送到服务器端才能确定用户是否没有填写某个必填域,是否输入了无效的值。 netscape navigator希望通过 javascript来解决这个问题。在人们普遍使用电话拔号上网的年代,能够在客户端完成一些基本的验证任务绝对是令人兴奋的。毕竟,拨号上网的速度之慢,导致了与服务器的每一次数据交换事实上都成了对人们耐心的一次考验。   自此以后, javascript逐渐成为市面上常见浏览器必备的一项特色功能。如今, javascript的用途早已不再局限于简单的数据验证,而是具备了与浏览器窗口及其内容等几乎所有方面交互的能力。今天的 javascript已经成为一门功能全面的编程语言,能够处理复杂的计算和交互,拥有了闭包、匿名(lamda,拉姆达)函数,甚至元编程等特性。作为 web的一个重要组成部分, javascript的重要性是不言而喻的,就连手机浏览器,甚至那些专为残障人士设计的浏览器等非常规浏览器都支持它。当然,微软的例子更为典型。虽然有自己的客户端脚本语言vbscript,但微软仍然在inter net explorer的早期版本中加入了自己的 javascript实现 。    javascript从一个简单的输入验证器发展成为一门强大的编程语言,完全出乎人们的意料。应该说,它既是一门非常简单的语言,又是一门非常复杂的语言。说它简单,是因为学会使用它只需片刻功夫;而说它复杂,是因为要真正掌握它则需要数年时间。要想全面理解和掌握 javascript,关键在于弄清楚它的本质、历史和局限性。   1.1  javascript简史   在 web日益流行的同时,人们对客户端脚本语言的需求也越来越强烈。那个时候,绝大多数因特网用户都使用速度仅为28.8kbit/s的“猫”(调制解调器)上网,但网页的大小和复杂性却不断增加。为完成简单的表单验证而频繁地与服务器交换数据只会加重用户的负担。想象一下:用户填写完一个表单,单击“提交”按钮,然后等待30秒钟,最终服务器返回消息说有一个必填字段没有填好……当时走在技术革新最前沿的 netscape公司,决定着手开发一种客户端语言,用来处理这种简单的验证。   当时就职于 netscape公司的布兰登?艾奇(brendan eich),开始着手为计划于1995年2月发布的 netscape navigator 2开发一种名为livescript的脚本语言——该语言将同时在浏览器和服务器中使用(它在服务器上的名字叫livewire)。为了赶在发布日期前完成livescript的开发, netscape与sun公司建立了一个开发联盟。在 netscape navigator 2正式发布前夕, netscape为了搭上媒体热炒 java的顺风车,临时把livescript改名为 javascript。   由于 javascript 1.0获得了巨大成功, netscape随即在 netscape navigator 3中又发布了 javascript 1.1。 web虽然羽翼未丰,但用户关注度却屡创新高。在这样的背景下, netscape把自己定位为市场领袖型公司。与此同时,微软决定向与navigator竞争的自家产品inter net explorer浏览器投入更多资源。 netscape navigator 3发布后不久,微软就在其inter netexplorer 3中加入了名为jscript的 javascript实现(命名为jscript是为了避开与 netscape有关的授权问题)。以现在的眼光来看,微软1996年8月为进入 web浏览器领域而实施的这个重大举措,是导致 netscape日后蒙羞的一个标志性事件。然而,这个重大举措同时也标志着 javascript作为一门语言,其开发向前迈进了一大步。   微软推出其 javascript实现意味着有了3个不同的 javascript版本: netscape navigator中的 javascript、inter net explorer中的jscript和scriptease中的cenvi。与c及其他编程语言不同,当时还没有标准规定 javascript的语法和特性,3个不同版本并存的局面已经完全暴露了这个问题。随着业界担心的日益加剧, javascript的标准化问题被提上了议事日程。   1997年,以 javascript 1.1为蓝本的建议被提交给了欧洲计算机制造商协会(ecma,european computer manufacturers association)。该协会指定39号技术委员会(tc39,technical committee #39)负责“标准化一种通用、跨平台、供应商中立的脚本语言的语法和语义”(http://www.ecma international.org/memento/tc39.htm)。tc39由来自 netscape、sun、微软、borland及其他关注脚本语言发展的公司的程序员组成,他们经过数月的努力完成了ecma-262——定义一种名为ecmascript(发音为“ek-ma-script”)的新脚本语言的标准。   第二年,iso/iec(international organization for standardization and international electrotechnical commission,国标标准化组织和国际电工委员会)也采用了ecmascript作为标准(即iso/iec-16262)。自此以后,浏览器开发商就开始致力于将ecmascript作为各自 javascript实现的基础,也在不同程度上取得了成功。   1.2  javascript实现   虽然 javascript和ecmascript通常都被人们用来表达相同的含义,但 javascript的含义却比ecma-262中规定的要多得多。没错,一个完整的 javascript实现应该由下列三个不同的部分组成(见图1-1)。   核心(ecmascript)   文档对象模型(dom)   浏览器对象模型(bom)   1.2.1 ecmascript   由ecma-262定义的ecmascript与 web浏览器没有依赖关系。实际上,这门语言本身并不包含输入和输出定义。ecma-262定义的只是这门语言的基础,而在此基础之上可以构建更完善的脚本语言。我们常见的 web浏览器只是ecmascript实现可能的宿主环境之一。宿主环境不仅提供基本的ecmascript实现,同时也会提供该语言的扩展,以便语言与环境之间对接交互。而这些扩展——如dom,则利用ecmascript的核心类型和语法提供更多更具体的功能,以便实现针对环境的操作。前面介绍过的node以及众所周知的adobe flash也都是宿主环境。   既然ecma-262标准没有参照 web浏览器,那它都规定了些什么内容呢?大致说来,它规定了这门语言的下列组成部分:   语法   类型   语句   关键字   保留字   操作符   对象   ecmascript就是对实现该标准规定的各个方面内容的语言的描述。 javascript实现了ecmascript,adobe actionscript同样也实现了ecmascript。   1. ecmascript的版本   ecmascript的不同版本又称为版次,以第x版表示(意即描述特定实现的ecma-262规范的第x个版本)。ecma-262的最近一版是第5版,发布于2009年。而ecma-262的第1版本质上与 netscape的 javascript 1.1相同——只不过删除了所有针对浏览器的代码并作了一些较小的改动:ecma-262要求支持unicode标准(从而支持多语言开发),而且对象也变成了平台无关的( netscape javascript 1.1的对象在不同平台中的实现不一样,例如date对象)。这也是 javascript 1.1和1.2与ecma-262第1版不一致的主要原因。   ecma-262第2版主要是编辑加工的结果。这一版中内容的更新是为了与iso/iec-16262保持严格一致,没有作任何新增、修改或删节处理。因此,一般不使用第2版来衡量ecmascript实现的兼容性。   ecma-262第3版才是对该标准第一次真正的修改。修改的内容涉及字符串处理、错误定义和数值输出。这一版还新增了对正则表达式、新控制语句、try-catch异常处理的支持,并围绕标准的国际化做出了一些小的修改。从各方面综合来看,第3版标志着ecmascript成为了一门真正的编程语言。   ecma-262第4版对这门语言进行了一次全面的检核修订。由于 javascript在 web上日益流行,开发人员纷纷建议修订ecmascript,以使其能够满足不断增长的 web开发需求。作为回应,ecma tc39重新召集相关人员共同谋划这门语言的未来。结果,出台后的标准几乎在第3版基础上完全定义了一门新语言。第4版不仅包含了强类型变量、新语句和新数据结构、真正的类和经典继承,还定义了与数据交互的新方式。   与此同时,tc39下属的一个小组也提出了一个名为ecmascript 3.1的替代性建议,该建议只对这门语言进行了较少的改进。这个小组认为第4版给这门语言带来的跨越太大了。因此,该小组建议对这门语言进行小幅修订,能够在现有 javascript引擎基础上实现。最终,es3.1附属委员会获得的支持超过了tc39,ecmas-262第4版在正式发布前被放弃。   ecmascript 3.1成为ecma-262第5版,并于2009年12月3日正式发布。第5版力求澄清第3版中已知的歧义并增添了新的功能。新功能包括原生json对象(用于解析和序列化json数据)、继承的方法和高级属性定义,另外还包含一种严格模式,对ecmascript引擎解释和执行代码进行了补充说明。   2. 什么是ecmascript兼容   ecma-262给出了ecmascript兼容的定义。要想成为ecmascript的实现,则该实现必须做到:   支持ecma-262描述的所有“类型、值、对象、属性、函数以及程序句法和语义”(ecma-262第1页);   支持unicode字符标准。   此外,兼容的实现还可以进行下列扩展。   添加ecma-262没有描述的“更多类型、值、对象、属性和函数”。ecma-262所说的这些新增特性,主要是指该标准中没有规定的新对象和对象的新属性。   支持ecma-262没有定义的“程序和正则表达式语法”。(也就是说,可以修改和扩展内置的正则表达式语法。)   上述要求为兼容实现的开发人员基于ecmascript开发一门新语言提供了广阔的空间和极大的灵活性,这也从另一个侧面说明了ecmascript受开发人员欢迎的原因。   3. web浏览器对ecmascript的支持   1996年, netscape navigator 3捆绑发布了 javascript 1.1。而相同的 javascript 1.1设计规范随后作为对新标准(ecma-262)的建议被提交给ecma。伴随着 javascript的迅速走红, netscape豪情满怀地着手开发 javascript 1.2。然而,问题是ecma当时还没有接受 netscape的建议。    netscape navigator 3发布后不久,微软也推出了inter netexplorer 3。微软在ie的这一版中捆绑了jscript 1.0,很多人都认为jscript 1.0与 javascript 1.1应该是一样的。但是,由于没有文档依据,加之不适当的特性模仿,jscript 1.0还是很难与 javascript 1.1相提并论。   1997年,内置 javascript 1.2的 netscape navigator 4发布;而到这一年年底,ecma-262第1版也被接受并实现了标准化。结果,虽然ecmascript被认为是基于 javascript 1.1制定的,但 javascript 1.2与ecmascript的第1版并不兼容。   jscript的升级版是inter netexplorer 4中内置的jscript 3.0(随同微软iis 3.0发布的jscript 2.0从来也没有移植到浏览器中)。微软通过媒体大肆宣传jscript 3.0是世界上第一个ecma兼容的脚本语言,但当时的ecma-262尚未定稿。于是,jscript 3.0与 javascript 1.2都遭遇了相同的尴尬局面——谁都没有按照最终的ecmascript标准来实现。    netscape决定更新其 javascript实现,即在 netscape navigator 4.06中发布 javascript 1.3,从而做到了与ecma-262的第一个版本完全兼容。在 javascript 1.3中, netscape增加了对unicode标准的支持,并在保留 javascript 1.2新增特性的同时实现了所有对象的平台中立化。   在 netscape以mozilla项目的名义开放其源代码时,预期 javascript 1.4将随同 netscape navigator 5一道发布。然而,一个激进的决定,彻底重新设计 netscape代码,打乱了原有计划。后来, javascript 1.4只发布了针对 netscape ent erprise server的服务器版,而没有内置于 web浏览器中。   到了2008年,五大主流 web浏览器(ie、firefox、safari、chrome和opera)全部做到了与ecma-262兼容。ie8是第一个着手实现ecma-262第5版的浏览器,并在ie9中提供了完整的支持。firefox 4也紧随其后做到兼容。下表列出了ecmascript受主流 web浏览器支持的情况。   浏 览 器 ecmascript兼容性 浏 览 器 ecmascript兼容性    netscape navigator 2 — opera 6~7.1 第2版    netscape navigator 3 — opera 7.2+ 第3版    netscape navigator 4~4.05 — safari 1~2.0.x 第3版*    netscape navigator 4.06~4.79 第1版 safari 3.x 第3版    netscape 6+(mozilla 0.6.0+) 第3版 safari 4.x~5.x 第5版*   ie3 — chrome 1+ 第3版   ie4 — firefox 1~2 第3版   ie5 第1版 firefox 3.0.x 第3版   ie5.5~ie7 第3版 firefox 3.5~3.6 第5版*   ie8 第5版* firefox 4.0 + 第5版   ie9+ 第5版   * 不完全兼容的实现   1.2.2 文档对象模型(dom)   文档对象模型(dom,document object model)是针对xml但经过扩展用于html的应用程序编程接口(api,application programming interface)。dom把整个页面映射为一个多层节点结构。html或xml页面中的每个组成部分都是某种类型的节点,这些节点又包含着不同类型的数据。看下面这个html页面:   hello world!   在dom中,这个页面可以通过见图1-2所示的分层节点图表示。   通过dom创建的这个表示文档的树形图,开发人员获得了控制页面内容和结构的主动权。借助dom提供的api,开发人员可以轻松自如地删除、添加、替换或修改任何节点。   1. 为什么要使用dom   在inter netexplorer 4和 netscape navigator 4分别支持的不同形式的dhtml(dynamic html)基础上,开发人员首次无需重新加载网页,就可以修改其外观和内容了。然而,dhtml在给 web技术发展带来巨大进步的同时,也带来了巨大的问题。由于 netscape和微软在开发dhtml方面各持己见,过去那个只编写一个html页面就能够在任何浏览器中运行的时代结束了。   对开发人员而言,如果想继续保持 web跨平台的天性,就必须额外多做一些工作。而人们真正担心的是,如果不对 netscapet和微软加以控制, web开发领域就会出现技术上两强割据,浏览器互不兼容的局面。此时,负责制定 web通信标准的w3c(world wide webconsortium,万维网联盟)开始着手规划dom。   图 1-2   2. dom级别   dom1级(dom level 1)于1998年10月成为w3c的推荐标准。dom1级由两个模块组成:dom核心(dom core)和dom html。其中,dom核心规定的是如何映射基于xml的文档结构,以便简化对文档中任意部分的访问和操作。dom html模块则在dom核心的基础上加以扩展,添加了针对html的对象和方法。   请读者注意,dom并不只是针对 javascript的,很多别的语言也都实现了dom。不过,在 web浏览器中,基于ecmascript实现的dom的确已经成为 javascript这门语言的一个重要组成部分。   如果说dom1级的目标主要是映射文档的结构,那么dom2级的目标就要宽泛多了。dom2级在原来dom的基础上又扩充了(dhtml一直都支持的)鼠标和用户界面事件、范围、遍历(迭代dom文档的方法)等细分模块,而且通过对象接口增加了对css(cascading style sheets,层叠样式表)的支持。dom1级中的dom核心模块也经过扩展开始支持xml命名空间。   dom2级引入了下列新模块,也给出了众多新类型和新接口的定义。   dom视图(dom views):定义了跟踪不同文档(例如,应用css之前和之后的文档)视图的接口;   dom事件(dom events):定义了事件和事件处理的接口;   dom样式(dom style):定义了基于css为元素应用样式的接口;   dom遍历和范围(dom traversal and range):定义了遍历和操作文档树的接口。   dom3级则进一步扩展了dom,引入了以统一方式加载和保存文档的方法——在dom加载和保存(dom load and save)模块中定义;新增了验证文档的方法——在dom验证(dom validation)模块中定义。dom3级也对dom核心进行了扩展,开始支持xml 1.0规范,涉及xml infoset、xpath和xml base。   在阅读dom标准的时候,读者可能会看到dom0级(dom level 0)的字眼。实际上,dom0级标准是不存在的;所谓dom0级只是dom历史坐标中的一个参照点而已。具体说来,dom0级指的是inter net explorer 4.0和 netscape navigator 4.0最初支持的dhtml。   3. 其他dom标准   除了dom核心和dom html接口之外,另外几种语言还发布了只针对自己的dom标准。下面列出的语言都是基于xml的,每种语言的dom标准都添加了与特定语言相关的新方法和新接口   svg(scalable vector graphic,可伸缩矢量图)1.0;   mathml(mathematical markup language,数学标记语言)1.0;   smil(synchronized multimedia integration language,同步 多媒体集成语言)。   还有一些语言也开发了自己的dom实现,例如mozilla的xul(xml user interface language,xml用户界面语言)。但是,只有上面列出的几种语言是w3c的推荐标准。   4. web浏览器对dom的支持   在dom标准出现了一段时间之后, web浏览器才开始实现它。微软在ie5中首次尝试实现dom,但直到ie5.5才算是真正支持dom1级。在随后的ie6和ie7中,微软都没有引入新的dom功能,而到了ie8才对以前dom实现中的bug进行了修复。    netscape直到 netscape 6(mozilla 0.6.0)才开始支持dom。在 netscape 7之后,mozilla把开发重心转向了firefox浏览器。firefox 3完全支持dom1级,几乎完全支持dom2级,甚至还支持dom3级的一部分。(mozilla开发团队的目标是构建与标准100%兼容的浏览器,而他们的努力也得到了回报。)   目前,支持dom已经成为浏览器开发商的首要目标,主流浏览器每次发布新版本都会改进对dom的支持。下表列出了主流浏览器对dom标准的支持情况。   浏 览 器 dom兼容性    netscape navigator 1. ~ 4.x —    netscape 6+ (mozilla 0.6.0+) 1级、2级(几乎全部)、3级(部分)   ie2~ie4.x —   ie5 1级(最小限度)   ie5.5~ie8 1级(几乎全部)   ie9+ 1级、2级、3级   opera 1~6 —   opera 7~8.x 1级(几乎全部)、2级(部分)   opera 9~9.9 1级、2级(几乎全部)、3级(部分)   opera 10+ 1级、2级、3级(部分)   safari 1.0.x 1级   safari 2+ 1级、2级(部分)   chrome 1+ 1级、2级(部分)   firefox 1+ 1级、2级(几乎全部)、3级(部分)   1.2.3 浏览器对象模型(bom)   inter netexplorer 3和 netscape navigator 3有一个共同的特色,那就是支持可以访问和操作浏览器窗口的浏览器对象模型(bom,browser object model)。开发人员使用bom可以控制浏览器显示的页面以外的部分。而bom真正与众不同的地方(也是经常会导致问题的地方),还是它作为 javascript实现的一部分但却没有相关的标准。这个问题在html5中得到了解决,html5致力于把很多bom功能写入正式规范。html5发布后,很多关于bom的困惑烟消云散。   从根本上讲,bom只处理浏览器窗口和框架;但人们习惯上也把所有针对浏览器的 javascript扩展算作bom的一部分。下面就是一些这样的扩展:   弹出新浏览器窗口的功能;   移动、缩放和关闭浏览器窗口的功能;   提供浏览器详细信息的navigator对象;   提供浏览器所加载页面的详细信息的location对象;   提供用户显示器分辨率详细信息的screen对象;   对cookies的支持;   像xmlhttprequest和ie的activexobject这样的自定义对象。   由于没有bom标准可以遵循,因此每个浏览器都有自己的实现。虽然也存在一些事实标准,例如要有window对象和navigator对象等,但每个浏览器都会为这两个对象乃至其他对象定义自己的属性和方法。现在有了html5,bom实现的细节有望朝着兼容性越来越高的方向发展。第8章将深入讨论bom。   1.3  javascript版本   作为 netscape“继承人”的mozilla公司,是目前唯一还在沿用最初的 javascript版本编号序列的浏览器开发商。在 netscape将源代码提交给开源的mozilla项目的时候, javascript在浏览器中的最后一个版本号是1.3。(如前所述,1.4版是只针对服务器的实现。)后来,随着mozilla基金会继续开发 javascript,添加新的特性、关键字和语法, javascript的版本号继续递增。下表列出了 netscape/mozilla浏览器中 javascript版本号的递增过程:   浏 览 器 javascript版本 浏 览 器 javascript版本    netscape navigator 2 1.0 firefox 1.5 1.6    netscape navigator 3 1.1 firefox 2 1.7    netscape navigator 4 1.2 firefox 3 1.8    netscape navigator 4.06 1.3 firefox 3.5 1.8.1    netscape 6+(mozilla 0.6.0+) 1.5 firefox 3.6 1.8.2   firefox 1 1.5   实际上,上表中的编号方案源自firefox 4将内置 javascript 2.0这一共识。因此,2.0版之前每个递增的版本号,表示的是相应实现与 javascript 2.0开发目标还有多大的距离。虽然原计划是这样,但 javascript的这种发展速度让这个计划成为不再可行。目前, javascript 2.0还没有目标实现。   请注意,只有 netscape/mozilla浏览器才遵循这种编号模式。例如,ie的jscript就采用了另一种版本命名方案。换句话说,jscript的版本号与上表中 javascript的版本号之间不存在任何对应关系。而且,大多数浏览器在提及对 javascript的支持情况时,一般都以ecmascript兼容性和对dom的支持情况为准。   1.4 小结    javascript是一种专为与网页交互而设计的脚本语言,由下列三个不同的部分组成:   ecmascript,由ecma-262定义,提供核心语言功能;   文档对象模型(dom),提供访问和操作网页内容的方法和接口;   浏览器对象模型(bom),提供与浏览器交互的方法和接口。    javascript的这三个组成部分,在当前五个主要浏览器(ie、firefox、chrome、safari和opera)中都得到了不同程度的支持。其中,所有浏览器对ecmascript第3版的支持大体上都还不错,而对ecmascript 5的支持程度越来越高,但对dom的支持则彼此相差比较多。对html5已经正式纳入标准的bom来说,尽管各浏览器都实现了某些众所周知的共同特性,但其他特性还是会因浏览器而异。   …… nicholas c. zakas(尼古拉斯?泽卡斯)世界顶级 web技术专家,现为雅虎公司界面呈现架构师,负责my yahoo!和雅虎首页等大访问量站点的设计。尼古拉斯拥有丰富的 web开发和界面设计经验,曾经参与许多世界级大公司的 web解决方案开发。他还是high performance javascript一书的作者,并与他人合作撰写了 professional ajax和even faster web sites。尼古拉斯拥有梅里马克学院计算机科学学士学位和埃迪柯特学院的mba学位。他的twitter别名是@slick net。

目录

目  录
第1章 JavaScript简介  1
1.1 JavaScript简史  1
1.2 JavaScript实现  2
1.2.1 ECMAScript  3
1.2.2 文档对象模型(DOM)  5
1.2.3 浏览器对象模型(BOM)  8
1.3 JavaScript版本  8
1.4 小结  9
第2章 在HTML中使用JavaScript  10
2.1 <script>元素  10
2.1.1 标签的位置  12
2.1.2 延迟脚本  13
2.1.3 异步脚本  13
2.1.4 在XHTML中的用法  14
2.1.5 不推荐使用的语法  16
2.2 嵌入代码与外部文件  16
2.3 文档模式  16
2.4 <noscript>元素  18
2.5 小结  18
第3章 基本概念  19
3.1 语法  19
3.1.1 区分大小写  19
3.1.2 标识符  19
3.1.3 注释  20
3.1.4 严格模式  20
3.1.5 语句  20
3.2 关键字和保留字  21
3.3 变量  22
3.4 数据类型  23
3.4.1 typeof操作符  23
3.4.2 Undefined类型  24
3.4.3 Null类型  25
3.4.4 Boolean类型  26
3.4.5 Number类型  27
3.4.6 String类型  32
3.4.7 Object类型  35
3.5 操作符  36
3.5.1 一元操作符  36
3.5.2 位操作符  39
3.5.3 布尔操作符  44
3.5.4 乘性操作符  47
3.5.5 加性操作符  48
3.5.6 关系操作符  50
3.5.7 相等操作符  51
3.5.8 条件操作符  53
3.5.9 赋值操作符  53
3.5.10 逗号操作符  54
3.6 语句  54
3.6.1 if语句  54
3.6.2 do-while语句  55
3.6.3 while语句  55
3.6.4 for语句  56
3.6.5 for-in语句  57
3.6.6 label语句  58
3.6.7 break和continue语句  58
3.6.8 with语句  60
3.6.9 switch语句  60
3.7 函数  62
3.7.1 理解参数  64
3.7.2 没有重载  66
3.8 小结  67
第4章 变量、作用域和内存问题  68
4.1 基本类型和引用类型的值  68
4.1.1 动态的属性  68
4.1.2 复制变量值  69
4.1.3 传递参数  70
4.1.4 检测类型  72
4.2 执行环境及作用域  73
4.2.1 延长作用域链  75
4.2.2 没有块级作用域  76
4.3 垃圾收集  78
4.3.1 标记清除  78
4.3.2 引用计数  79
4.3.3 性能问题  80
4.3.4 管理内存  81
4.4 小结  81
第5章 引用类型  83
5.1 Object类型  83
5.2 Array类型  86
5.2.1 检测数组  88
5.2.2 转换方法  89
5.2.3 栈方法  90
5.2.4 队列方法  91
5.2.5 重排序方法  92
5.2.6 操作方法  94
5.2.7 位置方法  95
5.2.8 迭代方法  96
5.2.9 缩小方法  97
5.3 Date类型  98
5.3.1 继承的方法  100
5.3.2 日期格式化方法  101
5.3.3 日期/时间组件方法  102
5.4 RegExp类型  103
5.4.1 RegExp实例属性  105
5.4.2 RegExp实例方法  106
5.4.3 RegExp构造函数属性  107
5.4.4 模式的局限性  109
5.5 Function类型  110
5.5.1 没有重载(深入理解)  111
5.5.2 函数声明与函数表达式  111
5.5.3 作为值的函数  112
5.5.4 函数内部属性  113
5.5.5 函数属性和方法  116
5.6 基本包装类型  118
5.6.1 Boolean类型  120
5.6.2 Number类型  120
5.6.3 String类型  122
5.7 单体内置对象  130
5.7.1 Global对象  131
5.7.2 Math对象  134
5.8 小结  137
第6章 面向对象的程序设计  138
6.1 理解对象  138
6.1.1 属性类型  139
6.1.2 定义多个属性  142
6.1.3 读取属性的特性  143
6.2 创建对象  144
6.2.1 工厂模式  144
6.2.2 构造函数模式  144
6.2.3 原型模式  147
6.2.4 组合使用构造函数模式和原型模式  159
6.2.5 动态原型模式  159
6.2.6 寄生构造函数模式  160
6.2.7 稳妥构造函数模式  161
6.3 继承  162
6.3.1 原型链  162
6.3.2 借用构造函数  167
6.3.3 组合继承  168
6.3.4 原型式继承  169
6.3.5 寄生式继承  171
6.3.6 寄生组合式继承  172
6.4 小结  174
第7章 函数表达式  175
7.1 递归  177
7.2 闭包  178
7.2.1 闭包与变量  181
7.2.2 关于this对象  182
7.2.3 内存泄漏  183
7.3 模仿块级作用域  184
7.4 私有变量  186
7.4.1 静态私有变量  188
7.4.2 模块模式  189
7.4.3 增强的模块模式  191
7.5 小结  192
第8章 BOM  193
8.1 window对象  193
8.1.1 全局作用域  193
8.1.2 窗口关系及框架  194
8.1.3 窗口位置  197
8.1.4 窗口大小  198
8.1.5 导航和打开窗口  199
8.1.6 间歇调用和超时调用  203
8.1.7 系统对话框  205
8.2 location对象  207
8.2.1 查询字符串参数  207
8.2.2 位置操作  208
8.3 navigator对象  210
8.3.1 检测插件  211
8.3.2 注册处理程序  213
8.4 screen对象  214
8.5 history对象  215
8.6 小结  216
第9章 客户端检测  217
9.1 能力检测  217
9.1.1 更可靠的能力检测  218
9.1.2 能力检测,不是浏览器检测  220
9.2 怪癖检测  220
9.3 用户代理检测  221
9.3.1 用户代理字符串的历史  222
9.3.2 用户代理字符串检测技术  228
9.3.3 完整的代码  242
9.3.4 使用方法  245
9.4 小结  246
第10章 DOM  247
10.1 节点层次  247
10.1.1 Node类型  248
10.1.2 Document类型  253
10.1.3 Element类型  261
10.1.4 Text类型  270
10.1.5 Comment类型  273
10.1.6 CDATASection类型  274
10.1.7 DocumentType类型  274
10.1.8 DocumentFragment类型  275
10.1.9 Attr类型  276
10.2 DOM操作技术  277
10.2.1 动态脚本  277
10.2.2 动态样式  279
10.2.3 操作表格  281
10.2.4 使用NodeList  283
10.3 小结  284
第11章 DOM扩展  286
11.1 选择符API  286
11.1.1 querySelector()方法  286
11.1.2 querySelectorAll()
方法  287
11.1.3 matchesSelector()
方法  288
11.2 元素遍历  288
11.3 HTML5  289
11.3.1 与类相关的扩充  289
11.3.2 焦点管理  291
11.3.3 HTMLDocument的变化  292
11.3.4 字符集属性  293
11.3.5 自定义数据属性  293
11.3.6 插入标记  294
11.3.7 scrollIntoView()方法  298
11.4 专有扩展  298
11.4.1 文档模式  298
11.4.2 children属性  299
11.4.3 contains()方法  300
11.4.4 插入文本  301
11.4.5 滚动  303
11.5 小结  304
第12章 DOM2和DOM3  305
12.1 DOM变化  305
12.1.1 针对XML命名空间的变化  306
12.1.2 其他方面的变化  309
12.2 样式  312
12.2.1 访问元素的样式  313
12.2.2 操作样式表  317
12.2.3 元素大小  320
12.3 遍历  326
12.3.1 NodeIterator  328
12.3.2 TreeWalker  330
12.4 范围  332
12.4.1 DOM中的范围  332
12.4.2 IE8及更早版本中的范围  340
12.5 小结  343
第13章 事件  345
13.1 事件流  345
13.1.1 事件冒泡  346
13.1.2 事件捕获  346
13.1.3 DOM事件流  347
13.2 事件处理程序  348
13.2.1 HTML事件处理程序  348
13.2.2 DOM0级事件处理程序  350
13.2.3 DOM2级事件处理程序  351
13.2.4 IE事件处理程序  352
13.2.5 跨浏览器的事件处理程序  353
13.3 事件对象  355
13.3.1 DOM中的事件对象  355
13.3.2 IE中的事件对象  358
13.3.3 跨浏览器的事件对象  360
13.4 事件类型  362
13.4.1 UI事件  362
13.4.2 焦点事件  367
13.4.3 鼠标与滚轮事件  368
13.4.4 键盘与文本事件  379
13.4.5 复合事件  384
13.4.6 变动事件  385
13.4.7 HTML5事件  388
13.4.8 设备事件  395
13.4.9 触摸与手势事件  399
13.5 内存和性能  402
13.5.1 事件委托  402
13.5.2 移除事件处理程序  404
13.6 模拟事件  405
13.6.1 DOM中的事件模拟  405
13.6.2 IE中的事件模拟  410
13.7 小结  411
第14章 表单脚本  412
14.1 表单的基础知识  412
14.1.1 提交表单  413
14.1.2 重置表单  414
14.1.3 表单字段  414
14.2 文本框脚本  419
14.2.1 选择文本  420
14.2.2 过滤输入  423
14.2.3 自动切换焦点  426
14.2.4 HTML5约束验证API  427
14.3 选择框脚本  431
14.3.1 选择选项  432
14.3.2 添加选项  434
14.3.3 移除选项  435
14.3.4 移动和重排选项  435
14.4 表单序列化  436
14.5 富文本编辑  438
14.5.1 使用contenteditable
属性  438
14.5.2 操作富文本  439
14.5.3 富文本选区  441
14.5.4 表单与富文本  443
14.6 小结  443
第15章 使用Canvas绘图  445
15.1 基本用法  445
15.2 2D上下文  446
15.2.1 填充和描边  446
15.2.2 绘制矩形  447
15.2.3 绘制路径  449
15.2.4 绘制文本  451
15.2.5 变换  453
15.2.6 绘制图像  456
15.2.7 阴影  457
15.2.8 渐变  458
15.2.9 模式  460
15.2.10 使用图像数据  460
15.2.11 合成  462
15.3 WebGL  463
15.3.1 类型化数组  463
15.3.2 WebGL上下文  468
15.3.3 支持  478
15.4 小结  478
第16章 HTML5脚本编程  480
16.1 跨文档消息传递  480
16.2 原生拖放  481
16.2.1 拖放事件  482
16.2.2 自定义放置目标  482
16.2.3 dataTransfer对象  483
16.2.4 dropEffect与effectAllowed  484
16.2.5 可拖动  485
16.2.6 其他成员  485
16.3 媒体元素  486
16.3.1 属性  487
16.3.2 事件  488
16.3.3 自定义媒体播放器  488
16.3.4 检测编解码器的支持情况  489
16.3.5 Audio类型  490
16.4 历史状态管理  491
16.5 小结  492
第17章 错误处理与调试  493
17.1 浏览器报告的错误  493
17.1.1 IE  493
17.1.2 Firefox  494
17.1.3 Safari  496
17.1.4 Opera  497
17.1.5 Chrome  498
17.2 错误处理  499
17.2.1 try-catch语句  500
17.2.2 抛出错误  503
17.2.3 错误(error)事件  505
17.2.4 处理错误的策略  506
17.2.5 常见的错误类型  507
17.2.6 区分致命错误和非致命
错误  510
17.2.7 把错误记录到服务器  511
17.3 调试技术  512
17.3.1 将消息记录到控制台  512
17.3.2 将消息记录到当前页面  515
17.3.3 抛出错误  515
17.4 常见的IE错误  516
17.4.1 操作终止  516
17.4.2 无效字符  518
17.4.3 未找到成员  518
17.4.4 未知运行时错误  519
17.4.5 语法错误  519
17.4.6 系统无法找到指定资源  519
17.5 小结  520
第18章 JavaScript与XML  521
18.1 浏览器对XML DOM的支持  521
18.1.1 DOM2级核心  521
18.1.2 DOMParser类型  522
18.1.3 XMLSerializer类型  523
18.1.4 IE8及之前版本中的XML  523
18.1.5 跨浏览器处理XML  527
18.2 浏览器对XPath的支持  529
18.2.1 DOM3级XPath  529
18.2.2 IE中的XPath  534
18.2.3 跨浏览器使用XPath  535
18.3 浏览器对XSLT的支持  537
18.3.1 IE中的XSLT  537
18.3.2 XSLTProcessor类型  541
18.3.3 跨浏览器使用XSLT  543
18.4 小结  544
第19章 E4X  546
19.1 E4X的类型  546
19.1.1 XML类型  546
19.1.2 XMLList类型  547
19.1.3 Namespace类型  548
19.1.4 QName类型  549
19.2 一般用法  550
19.2.1 访问特性  551
19.2.2 其他节点类型  552
19.2.3 查询  553
19.2.4 构建和操作XML  555
19.2.5 解析和序列化  557
19.2.6 命名空间  558
19.3 其他变化  559
19.4 全面启用E4X  560
19.5 小结  561
第20章 JSON  562
20.1 语法  562
20.1.1 简单值  562
20.1.2 对象  563
20.1.3 数组  564
20.2 解析与序列化  565
20.2.1 JSON对象  565
20.2.2 序列化选项  566
20.2.3 解析选项  569
20.3 小结  570
第21章 Ajax与Comet  571
21.1 XMLHttpRequest对象  571
21.1.1 XHR的用法  573
21.1.2 HTTP头部信息  575
21.1.3 GET请求  576
21.1.4 POST请求  577
21.2 XMLHttpRequest 2级  578
21.2.1 FormData  578
21.2.2 超时设定  579
21.2.3 overrideMimeType()
方法  580
21.3 进度事件  580
21.3.1 load事件  580
21.3.2 progress事件  581
21.4 跨源资源共享  582
21.4.1 IE对CORS的实现  582
21.4.2 其他浏览器对CORS的
实现  584
21.4.3 Preflighted Reqeusts  584
21.4.4 带凭据的请求  585
21.4.5 跨浏览器的CORS  585
21.5 其他跨域技术  586
21.5.1 图像Ping  586
21.5.2 JSONP  587
21.5.3 Comet  588
21.5.4 服务器发送事件  590
21.5.5 Web Sockets  591
21.5.6 SSE与Web Sockets  593
21.6 安全  593
21.7 小结  594
第22章 高级技巧  596
22.1 高级函数  596
22.1.1 安全的类型检测  596
22.1.2 作用域安全的构造函数  597
22.1.3 惰性载入函数  600
22.1.4 函数绑定  602
22.1.5 函数柯里化  604
22.2 防篡改对象  606
22.2.1 不可扩展对象  606
22.2.2 密封的对象  607
22.2.3 冻结的对象  608
22.3 高级定时器  609
22.3.1 重复的定时器  610
22.3.2 Yielding Processes  612
22.3.3 函数节流  614
22.4 自定义事件  616
22.5 拖放  618
22.5.1 修缮拖动功能  620
22.5.2 添加自定义事件  622
22.6 小结  624
第23章 离线应用与客户端存储  626
23.1 离线检测  626
23.2 应用缓存  627
23.3 数据存储  628
23.3.1 Cookie  629
23.3.2 IE用户数据  637
23.3.3 Web存储机制  638
23.3.4 IndexedDB  643
23.4 小结  654
第24章 最佳实践  656
24.1 可维护性  656
24.1.1 什么是可维护的代码  656
24.1.2 代码约定  657
24.1.3 松散耦合  659
24.1.4 编程实践  662
24.2 性能  666
24.2.1 注意作用域  666
24.2.2 选择正确方法  667
24.2.3 最小化语句数  672
24.2.4 优化DOM交互  673
24.3 部署  676
24.3.1 构建过程  676
24.3.2 验证  677
24.3.3 压缩  679
24.4 小结  681
第25章 新兴的API  682
25.1 requestAnimationFrame()  682
25.1.1 早期动画循环  682
25.1.2 循环间隔的问题  683
25.1.3 mozRequestAnimation-Frame  683
25.1.4 webkitRequestAnima-tionFrame与msRequest-AnimationFrame  685
25.2 Page Visibility API  686
25.3 Geolocation API  687
25.4 File API  689
25.4.1 FileReader类型  690
25.4.2 读取部分内容  692
25.4.3 对象URL  693
25.4.4 读取拖放的文件  694
25.4.5 使用XHR上传文件  695
25.5 Web计时  696
25.6 Web Workers  697
25.6.1 使用Worker  697
25.6.2 Worker全局作用域  698
25.6.3 包含其他脚本  699
25.6.4 Web Workers的未来  700
25.7 小结  700
附录A ECMAScript Harmony  701
附录B 严格模式  717
附录C JavaScript库  723
附录D JavaScript工具  727

已确认勘误

次印刷

页码 勘误内容 提交人 修订印次

JavaScript高级程序设计
    • 名称
    • 类型
    • 大小

    光盘服务联系方式: 020-38250260    客服QQ:4006604884

    意见反馈

    14:15

    关闭

    云图客服:

    尊敬的用户,您好!您有任何提议或者建议都可以在此提出来,我们会谦虚地接受任何意见。

    或者您是想咨询:

    用户发送的提问,这种方式就需要有位在线客服来回答用户的问题,这种 就属于对话式的,问题是这种提问是否需要用户登录才能提问

    Video Player
    ×
    Audio Player
    ×
    pdf Player
    ×
    Current View

    看过该图书的还喜欢

    some pictures

    解忧杂货店

    东野圭吾 (作者), 李盈春 (译者)

    loading icon