JavaScript DOM编程艺术（第2版） pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

[英] Jeremy Keith，[加] Jeffrey Sambells 著，杨涛 等 译

图书标签:

• JavaScript
• DOM
• 前端开发
• Web开发
• 编程
• 技术
• 书籍
• 网页编程
• JavaScript编程
• DOM操作

出版社： 人民邮电出版社

ISBN：9787115249999

版次：2

商品编码：10603153

包装：平装

丛书名： 图灵程序设计丛书 Web开发系列

开本：16开

出版时间：2011-04-01

用纸：胶版纸

页数：286

正文语种：中文

产品特色

编辑推荐

超级畅销书升级版，首版销量保证。

书中详解开发Web应用的基石——W3C的DOM标准，由倡导Web标准的大牛领军人物执笔精心撰写，揭示了前端开发的真谛，是学习JavaScript和DOM开发的必读之作。

纵情释放JavaScript和DOM编程的惊人潜力，内容全年涵盖HTML5、jQuery。

内容简介

　　JavaScript是Web开发中重要的一门语言，它强大而优美。无论是桌面开发，还是移动应用。JavaScript都是必须掌握的技术。W3C的DOM标准是开发Web应用的基石。已经得到所有现代浏览器的支持，这使得跨平台Web开发成了一件轻松惬意的事。
　　《JavaScript DOM编程艺术（第2版）》是超级畅销书的升级版，由倡导Web标准的领军人物执笔，揭示了前端开发的真谛，是学习JavaScript和DOM开发的必读之作。
　　《JavaScript DOM编程艺术（第2版）》在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的JavaScript编程原则和实践，并全面探讨了HTML5以及jQuery等JavaScript库。读者将看到JavaScript、HTML5和CSS如何协作来创建易用的、与标准兼容的Web设计，掌握使用JavaScript和DOM通过客户端动态效果和用户控制的动画来加强Web页面的必备技术；同时，还将对如何利用库提高开发效率有全面深入的理解。

作者简介

　　Jeremy Keith，国际知名的Web设计师，Web标准项目组成员，DOM Scripting任务组负责人之一，任职于Web咨询公司Clearleft。除本书外，还著有HTML5 for Web Designers、Bulletproof Ajax。可通过其个人网站adactio.com与他联系。
　　Jeffrey Sambells，平面设计师，Web开发人员，创办了软件公司We-Create并担任研发总监。除本书外，还著有《JavaScript高级程序设计》和 Beginning Google Maps Applications with PHP and Ajax等多部畅销书。

精彩书评

　　★本书不愧为经典。文笔清新,深入浅出,不知不觉让你掌握编程原则,明白为什么要遵守标准。
　　——Slashdot

　　★我要隆重推荐本书。它前所未有地演示了DOM脚本编程的真正潜力。无论你是JavaScript新手还是专家,本书都值得你拥有。
　　——Garrett Dimon,Digital-Web.com杂志专栏作家

目录

第1章 JavaScript简史
1.1 JavaScript的起源
1.2 DOM
1.3 浏览器战争
1.3.1 DHTML
1.3.2 浏览器之间的冲突
1.4 制定标准
1.4.1 浏览器以外的考虑
1.4.2 浏览器战争的结局
1.4.3 崭新的起点
1.5 小结

第2章 JavaScript语法
2.1 准备工作
2.2 语法
2.2.1 语句
2.2.2 注释
2.2.3 变量
2.2.4 数据类型
2.2.5 数组
2.2.6 对象
2.3 操作
2.4 条件语句
2.4.1 比较操作符
2.4.2 逻辑操作符
2.5 循环语句
2.5.1 while循环
2.5.2 for循环
2.6 函数
2.7 对象
2.7.1 内建对象
2.7.2 宿主对象
2.8 小结

第3章 DOM
3.1 文档:DOM中的"D"
3.2 对象:DOM中的"O"
3.3 模型:DOM中的"M"
3.4 节点
3.4.1 元素节点
3.4.2 文本节点
3.4.3 属性节点
3.4.4 CSS
3.4.5 获取元素
3.4.6 盘点知识点
3.5 获取和设置属性
3.5.1 get Attribute
3.5.2 set Attribute
3.6 小结

第4章 案例研究:JavaScript图片库
4.1 标记
4.2 JavaScript
4.2.1 非DOM解决方案
4.2.2 最终的函数代码清单
4.3 应用这个JavaScript函数
4.4 对这个函数进行扩展
4.4.1 child Nodes属性
4.4.2 node Type属性
4.4.3 在标记里增加一段描述
4.4.4 用JavaScript改变这段描述
4.4.5 node Value属性
4.4.6 first Child和last Child属性
4.4.7 利用node Value属性刷新这段描述
4.5 小结

第5章 最佳实践
5.1 过去的错误
5.1.1 不要怪罪JavaScript
5.1.2 Flash的遭遇
5.1.3 质疑一切
5.2 平稳退化
5.2.1 "javascript:"伪协议
5.2.2 内嵌的事件处理函数
5.2.3 谁关心这个
5.3 向CSS学习
5.3.1 结构与样式的分离
5.3.2 渐进增强
5.4 分离JavaScript
5.5 向后兼容
5.5.1 对象检测
5.5.2 浏览器嗅探技术
5.6 性能考虑
5.6.1 尽量少访问DOM和尽量减少标记
5.6.2 合并和放置脚本
5.6.3 压缩脚本
5.7 小结

第6章 案例研究:图片库改进版
6.1 快速回顾
6.2 它支持平稳退化吗
6.3 它的JavaScript与HTML标记是分的吗
6.3.1 添加事件处理函数
6.3.2 共享onload事件
6.4 不要做太多的假设
6.5 优化
6.6 键盘访问
6.7 把JavaScript与CSS结合起来
6.8 DOM Core和HTML-DOM
6.9 小结

第7章 动态创建标记
7.1 一些传统方法
7.1.1 document. write
7.1.2 inner HTML属性
7.2 DOM方法
7.2.1 create Element方法
7.2.2 append Child方法
7.2.3 create Text Node方法
7.2.4 一个更复杂的组合
7.3 重回图片库
7.3.1 在已有元素前插入一个新元素
7.3.2 在现有方法后插入一个新元素
7.3.3 图片库二次改进版
7.4 Ajax
7.4.1 XML Http Request对象
7.4.2 渐进增强与Ajax
7.4.3 Hijax
7.5 小结

第8章 充实文档的内容
8.1 不应该做什么
8.2 把"不可见"变成"可见"
8.3 内容
8.3.1 选用HTML、XHTML还是HTML5
8.3.2 CSS
8.3.3 JavaScript
8.4 显示"缩略语列表"
8.4.1 编写display Abbreviations函数
8.4.2 创建标记
8.4.3 一个浏览器"地雷"
8.5 显示"文献来源链接表"
8.6 显示"快捷键清单"
8.7 检索和添加信息
8.8 小结

第9章 CSS-DOM
9.1 三位一体的网页
9.1.1 结构层
9.1.2 表示层
9.1.3 行为层
9.1.4 分离
9.2 style属性
9.2.1 获取样式
9.2.2 设置样式
9.3 何时该用DOM脚本设置样式
9.3.1 根据元素在节点树里的位置来设置样式
9.3.2 根据某种条件反复设置某种样式
9.3.3 响应事件
9.4 class Name属性
9.5 小结

第10章 用JavaScript实现动画效果
10.1 动画基础知识
10.1.1 位置
10.1.2 时间
10.1.3 时间递增量
10.1.4 抽象
10.2 实用的动画
10.2.1 提出问题
10.2.2 解决问题
10.2.3 CSS
10.2.4 JavaScript
10.2.5 变量作用域问题
10.2.6 改进动画效果
10.2.7 添加安全检查
10.2.8 生成HTML标记
10.3 小结

第11章 HTML5
11.1 HTML5简介
11.2 来自朋友的忠告
11.3 几个示例
11.3.1 Canvas
11.3.2 音频和视频
11.3.3 表单
11.4 HTML5还有其他特性吗
11.5 小结

第12章 综合示例
12.1 项目简介
12.1.1 原始资料
12.1.2 站点结构
12.1.3 页面结构
12.2 设计
12.3 CSS
12.3.1 颜色
12.3.2 布局
12.3.3 版式
12.4 标记
12.5 JavaScript
12.5.1 页面突出显示
12.5.2 JavaScript幻灯片
12.5.3 内部导航
12.5.4 JavaScript图片库
12.5.5 增强表格
12.5.6 增强表单
12.5.7 压缩代码
12.6 小结
附录 JavaScript库

精彩书摘

　　1.4.1浏览器以外的考虑
　　DOM是一种API（应用编程接口）。简单地说,API就是一组已经得到有关各方共同认可的基本约定。在现实世界中,相当于API的例子包括（但不限于）摩尔斯码、国际时区、化学元素周期表。以上这些都是不同学科领域中的标准,它们使得人们能够更方便地交流与合作。如果没有一个统一的标准,事情往往会演变成为一场灾难。别忘了,因混淆英制度量衡与公制度量衡至少导致过一次火星探测任务的失败。
　　在软件编程领域中,虽然存在着多种不同的语言,但很多任务却是相同或相似的。这也正是人们需要API的原因。一旦掌握了某个标准,就可以把它应用在许多不同的环境中。虽然语法会因为使用的程序设计语言而有所变化,但这些约定却总是保持不变的。
　　因此,虽然本书的重点是教会你如何通过JavaScript使用DOM,当？需要使用诸如PHP或Python之类的程序设计语言去解析XML文档的时候,你获得的DOM新知识将会有很大的帮助。
　　W3C对DOM的定义是:“一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和样式。”W3C推出的标准化DOM,在独立性和适用范围等诸多方面,都远远超出了各自为战的浏览器制造商们推出的各种专有DOM。
　　1.4.2浏览器战争的结局
　　我们知道,浏览器市场份额大战中微软公司战胜了Netscape,具有讽刺意味的是,专有的DOM和HTML标记对这个最终结果几乎没有产生影响。IE浏览器注定能击败其他对手,不过是因为所有运行Windows操作系统的个人电脑都预装了它。
　　受浏览器战争影响最重的人群是那些网站设计人员。跨浏览器开发曾经是他们的噩梦。除了刚才提到的那些在JavaScript实现方面的差异之外,Netscape Navigator和IE这两种浏览器在对CSS的支持方面也有许多非常不同的地方。而编写那些可以同时支持这两种浏览器的样式表和脚本的工作也成了一种黑色艺术。
　　浏览器制造商的自私姿态遭到人们的激烈反对,一个名为Web标准计划的小组应运而生。WaSP小组采取的第一个行动就是,鼓励浏览器制造商们采用W3C制定和推荐的各项标准,也就是在浏览器制造商们的帮助下得以起草和完善的那些标准。
　　或许是因为来自？WaSP小组的压力,又或许是因为企业的内部决策,下一代浏览器产品对Web标准的支持得到了极大的改善。
　　1.4.3崭新的起点
　　早期浏览器大战至今,浏览器市场已经发生了巨大的变化,而且到了今天,这一切也几乎每天都有变化。有的浏览器,比如Netscape Navigator,差不多已经从人们的视野中消失了,而新一代浏览器则陆续登台亮相。苹果公司在2003年首次发布了它的Safari浏览器（基于WebKit）,它从一开始就坚定不移地遵循DOM标准。今天,包括Firefox、Chrome、Opera和IE,以及一些基于WebKit的其他浏览器都对DOM有着良好的支持。很多最潮的智能手机浏览器都在使用WebKit渲染引擎,推动着手持浏览器开发不断向前,让手机上网的体验甚至好过了使用某些桌面浏览器。
　　……

前言/序言

潜入交互世界的肌理：理解网页动态的深度解析 想象一下，您正在构建一个生动的数字空间，一个能够感知用户行为，并以此做出优雅响应的网页。这不再是静态内容的陈列，而是充满活力的互动体验。这本书，正是开启这扇大门的钥匙，它将带领您深入网页的幕后，去理解那些让一切“动”起来的奥秘。 我们不再仅仅满足于“使用”工具，而是追求“理解”工具。这本书将带您超越表面，去探究那些隐藏在浏览器窗口背后的机制。我们将一同审视，当您敲下键盘，点击鼠标，或者仅仅是滑动屏幕时，究竟发生了什么？浏览器是如何接收这些信号，又是如何精确地将它们转化为我们所期望的页面变化？这就是“DOM”（文档对象模型）的精妙之处，一个将网页结构、内容和样式转化为一种易于操作的数据结构的强大框架。 然而，DOM本身只是一个模型，真正的魔法在于如何与之互动。本书的核心，在于揭示如何通过JavaScript语言，以一种富有创造力且高效的方式，去操控这个模型。我们将从最基础的元素开始，学习如何精确地定位网页上的每一个元素——无论是段落、图片、按钮，还是更复杂的组件。我们将学习如何获取这些元素的信息，比如它们的文本内容、它们的属性（如`src`、`href`、`class`、`id`），以及它们当前的样式。 更进一步，我们不仅能够读取，更能随心所欲地修改。想象一下，您想根据用户的选择，动态地改变一个段落的文字，或者更换一张图片的来源，甚至改变一个按钮的颜色或大小。这些在过去可能需要刷新整个页面的操作，在这里将变得流畅而即时。我们将学习如何创建全新的HTML元素，并将它们插入到页面的任何位置，从而动态地扩展网页的内容。同样，我们也能够轻松地删除不再需要的元素，让页面保持简洁和高效。 样式，是网页的外观，也是其吸引力的重要组成部分。这本书将深入探讨如何通过JavaScript来控制元素的样式。从改变字体、颜色、背景，到调整布局、边距、大小，再到添加过渡动画，让元素的出现、消失、移动都充满视觉上的吸引力。我们将了解如何直接修改元素的`style`属性，也可能学习到更强大的CSS类操作，比如动态地添加或移除CSS类，从而实现更复杂、更易于管理的样式变化。 然而，真正的交互式体验，绝不仅仅是静态元素的修改。它需要对事件的敏感捕捉和响应。当用户与网页互动时，会产生各种各样的“事件”——点击、鼠标悬停、键盘输入、表单提交、窗口大小改变等等。本书将为您详细讲解如何“监听”这些事件，并为其注册相应的“事件处理器”。这意味着，您可以让网页在特定时刻做出特定的反应。例如，当用户点击一个按钮时，弹出一个对话框；当用户在输入框中键入内容时，实时地进行搜索建议；或者当用户滚动页面时，触发动画效果。我们将深入理解事件的传播机制，以及如何有效地管理多个事件处理器。 安全性，也是我们不可忽视的一环。随着网页功能的日益强大，如何确保用户数据的安全，以及防止恶意攻击，变得尤为重要。本书将会在讲解DOM操作的同时，融入一些关于安全实践的考量。例如，如何正确地处理用户输入，避免跨站脚本攻击（XSS）；如何安全地动态生成HTML内容，防止注入恶意代码。这些看似细枝末节，却关乎网页健壮性和用户信任的原则，将贯穿于我们的学习过程中。 除了基本的DOM操作和事件处理，本书还会带您领略一些更高级的技巧和概念。例如，我们将探讨如何通过JavaScript来组织和管理复杂的DOM结构，让代码更具可读性和可维护性。我们会学习如何使用更高级的选择器，快速准确地定位目标元素。或许还会涉及一些关于性能优化的讨论，比如如何避免不必要的DOM重排，如何批量更新DOM，从而让网页的响应速度更快，用户体验更流畅。 这本书的设计哲学，在于循序渐进，由浅入深。我们不会一开始就抛出晦涩难懂的概念，而是从最基础的语法和原理开始，逐步构建起对DOM编程的深刻理解。每一个概念的讲解，都会伴随清晰的代码示例，让您能够亲手实践，感受代码带来的力量。我们相信，动手实践是掌握任何编程技能的最佳途径。 本书不仅仅是关于技术，更是关于“艺术”。这里的“艺术”，指的是一种创造性的能力，一种将想法转化为生动、交互式网页的能力。它关乎如何理解用户需求，如何设计直观的交互流程，如何通过精妙的代码实现这一切。它是一种将静态的文本和图像，转化为一个充满生命力的数字世界的艺术。 最终，通过学习本书，您将不再仅仅是一个网页的使用者，而是网页的创造者。您将拥有驾驭浏览器强大能力，构建令人印象深刻的、动态的、响应式的网页应用的信心和技能。无论您是渴望为自己的项目增添互动色彩的开发者，还是希望深入了解前端工作原理的学习者，亦或是对网页动态生成充满好奇的探索者，这本书都将是您不可或缺的伙伴，带您踏上一段激动人心的技术探索之旅。让我们一起，用代码点亮网页，让交互的生命力在指尖绽放。

评分☆☆☆☆☆

评价三： 作为一个有几年前端开发经验的老鸟，我一直在寻找一本能够帮助我梳理DOM知识体系，并提升代码质量的书。《JavaScript DOM编程艺术（第2版）》无疑满足了我的需求。它并没有停留在“入门”的层面，而是深入探讨了DOM的底层机制和高级应用。书中的很多章节，比如性能优化、事件处理的高级技巧、以及DOM的跨浏览器兼容性处理，都让我眼前一亮。我以前写代码时，虽然也能实现功能，但总感觉效率不高，或者是在兼容性方面遇到不少麻烦。读完这本书，我才真正理解了为什么会出现那些问题，以及如何从根本上解决它们。作者在书中分享的很多“最佳实践”和“陷阱回避”的经验，都是实战中提炼出来的精华，能够帮助开发者少走很多弯路。而且，这本书的讲解方式非常灵活，不像一些技术书籍那样死板，它会结合实际场景来分析问题，让读者更容易将学到的知识应用到自己的项目中。我现在重构一些旧代码，感觉比以前轻松多了，代码的质量和性能都有了显著提升。

评分☆☆☆☆☆

评价二： 我是一个前端新人，刚接触JavaScript没多久，对于DOM的操作，之前一直是个“小白”。各种网上的教程看了不少，但总觉得碎片化，难以形成系统的认知。直到我遇到了《JavaScript DOM编程艺术（第2版）》，这本书简直就像一座灯塔，照亮了我前端学习的道路。它不像有些书那样一上来就讲高深的概念，而是从最最基础的DOM Tree是什么，如何遍历，如何查找元素开始，一步步深入。作者的语言非常生动，一点也不枯燥，而且每个概念后面都有非常贴切的例子，让我能够立刻动手实践，加深理解。尤其让我印象深刻的是，书中关于如何处理用户交互、如何动态创建和修改DOM元素的章节，真的太实用了！我之前写的一些简单的交互效果，总感觉很粗糙，现在学了里面的方法，能够写出更流畅、更专业的交互体验了。而且，这本书还很注重讲解一些“好习惯”的养成，比如如何写出更健壮、更易于维护的代码，这对初学者来说是极其宝贵的。总之，这本书不仅仅教会了我“怎么做”，更重要的是教会了我“为什么这么做”，以及如何写出“更好的代码”。

评分☆☆☆☆☆

评价四： 我一直对Web前端开发充满兴趣，但编程基础相对薄弱，尤其是JavaScript的DOM操作，对我来说是个不小的挑战。《JavaScript DOM编程艺术（第2版）》这本书，对我这样一个“零基础”或者“准零基础”的学习者来说，简直是量身定做的。作者的讲解风格非常平易近人，就像一位耐心的老师，把复杂的概念拆解成一个个容易理解的小块。从如何理解DOM as a tree，到如何使用JavaScript去“操作”这棵树，每一步都讲得非常详细。书中的图示和代码示例配合得恰到好处，我常常是一边看书，一边在浏览器里敲代码，这种即学即练的方式，让我进步神速。我以前写网页，总是只能停留在静态的页面，想要实现一些动态的效果，就感觉无从下手。现在，通过这本书，我学会了如何使用JavaScript来控制页面元素的显示、隐藏、移动，甚至如何响应用户的点击、鼠标移入等各种事件，让我的网页变得“活”了起来。这本书不仅教会了我知识，更重要的是培养了我独立解决问题的能力，让我对前端开发充满了信心。

评分☆☆☆☆☆

评价一： 这本书简直是JavaScript DOM学习者的福音！我之前对DOM操作一直感到迷迷糊糊，总是在各种教程和文档之间来回跳转，遇到问题也只能靠“百度大法”。但自从翻开《JavaScript DOM编程艺术（第2版）》，一切都变得豁然开朗。作者的讲解逻辑清晰，循序渐进，从最基础的概念讲起，一点点地引导读者深入理解DOM的本质。书中大量的代码示例，不仅仅是展示了如何实现功能，更重要的是剖析了背后的原理，让我明白了“为什么”要这么做，而不是仅仅停留在“怎么做”的层面。特别是书中关于事件委托、DOM性能优化等章节，让我受益匪浅。以前我写代码总是不太注意效率，结果导致页面卡顿，现在学了这些技巧，感觉自己的代码功力提升了好几个档次。而且，这本书的排版也很舒服，阅读体验很棒，不会让人产生阅读疲劳。每次翻开它，都像是在和一位经验丰富的老师对话，能够及时解答我心中的疑惑。我强烈推荐这本书给所有想要扎实掌握JavaScript DOM技术的开发者，无论是初学者还是有一定经验的进阶者，都能从中获得巨大的价值。

评分☆☆☆☆☆

评价五： 这本书的题目就足够吸引人了——“DOM编程艺术”。在实际的开发过程中，DOM操作的效率和健壮性往往决定了一个网站的体验。《JavaScript DOM编程艺术（第2版）》这本书，在我看来，就是一本将DOM操作的“术”与“道”完美结合的佳作。它不仅仅是提供API的使用方法，更深入地挖掘了DOM背后的原理，以及如何写出“艺术品”级别的DOM代码。书中关于事件模型、DOM查询的性能优化、甚至是异步操作如何影响DOM更新的探讨，都极具深度和启发性。我过去在项目中遇到的很多性能瓶颈，在阅读这本书后，才找到了根源，并且学会了如何从根本上优化。而且，作者在讲解过程中，非常注重培养读者的“编程思维”，引导我们去思考问题的本质，而不是仅仅停留在表面的代码实现。书中的一些“陷阱”提示和“最佳实践”的总结，对于我们这些经常需要维护老项目或者与团队协作的开发者来说，简直是无价之宝。我现在写DOM相关的代码，感觉自己更有底气了，能够写出既美观又高效的代码，这正是“DOM编程艺术”的魅力所在。

评分☆☆☆☆☆

两百页的书，只讲了两个问题：作用域闭包和对象原型。每一句话都是精华，都需要你反复不断的去理解。读这本书需要有点基础，不然看不懂。这么好的书，怎么就没人发现呢？

评分☆☆☆☆☆

虽然书的年代远了些，js 的第三版是2012年出版的，技术更新又那么快。不过基础的知识还是应该好好研究的，js 的书太厚了，看着都头大！还是css 简单些。京东快递值得称赞。现在网购首选京东，第一是快递，第二就是质量，第三是服务（虽然有时客服很欠）。

评分☆☆☆☆☆

在网上看到的推荐，看过之后之后果然不同凡响，推荐

评分☆☆☆☆☆

不错呢呵呵呵啊，我的宝蓝色

评分☆☆☆☆☆

质量还可以的，有需要还会再来

评分☆☆☆☆☆

包装不错，纸张可以，印刷清楚，可以好好学习了。

评分☆☆☆☆☆

在歌舞生平的城市

评分☆☆☆☆☆

内容不说了，大家都知道。字体是比较清晰，纸张感觉很一般，而且油墨味真的太大了，真怀疑…。

评分☆☆☆☆☆

细节讲解很好，感觉很适合新手哇，继续加油，前端君