《JavaScript DOM编程艺术_Jeremy Keith_杨涛译》pdf电子书免费下载
下载方式一：
百度网盘下载地址：https://pan.baidu.com/s/1ktdH8Z0ZuJVrleQMZomxQA
百度网盘密码：1111
下载方式二：
http://ziliaoshare.cn/Download/ac_123502_pd_JavaScriptDOMBCYS_JeremyKeith_YTY.zip
|
|
作者：Jeremy Keith_杨涛译 页数：317 出版社：empty |
《JavaScript DOM编程艺术_Jeremy Keith_杨涛译》介绍
“本书理应奉为经典。文笔清晰，采用了优秀的编程原则，严格遵守相应的标准。真是完美的结合。”-Slashdot“我要隆重推荐本书。它前所未有地演示了DOM脚本编程的真正潜力。无论你是JavaScript新手还是专家， 本Jeremy Keith国际知名的Web设计师， Web标准计划(web stnd a.org) 成员， DOM Ser png任务组负责人之一。除本书外， 他还正在撰写众所期待的讲述H jax技术的著作Bulletproof Ajax(中文版将由人民邮电出版社出版)，可以通过其个人网站adactio.com与他联系。书都绝对必读。“——GarrettDimon，Digital-Web.com杂志专栏作家随着Ajax的兴起， JavaScript再一次成为炙手可热的技术。然而， 在历史上， 它并不是一直这么幸运， 由于主流浏览器之俱往矣， 如今的网页设计已经翻开了新的一页。在CSS彻底改变了Web页面布局的方式之后， 万维网联盟跨浏览器的本书在简洁明快地讲述JavaScript和DOM的基本知识之后， 通过几个实例演示了大师级的网页开发技术， 并透彻阐述了一A press°本书相关信息请访问：图灵网站http：//www.turingbook.com
内容提要
本书讲述了JavaScript和DOM的基础知识， 但重点放在DOM编程技术背后的思路和原则：预留退路、循序渐进和以用户为中心等， 这些概念对于任何前端Web开发工作都非常重要。本书将这些概念贯穿在书中的所有代码示例中，使你看到用来创建图片库页面的脚本、用来创建动画效果的脚本和用来丰富页面元素呈现效果的脚本，最后结合所讲述的内容创建了一个实际的网站。本书适合Web设计师和开发人员阅读。
译者序
网上的生活越来越丰富多彩。从最初的(X) HTML网页， 到一度热炒的DHTML概念， 再到不管什么原因， JavaScript曾经不受欢迎的确是一个事实。现在， 情况发生了极大的变化。因为几项新技术的出现， JavaScript的春天似乎来了。首先，其实， 人们对JavaScript的恶劣印象在很大程度上来源于早期的程序员对这种语言的滥用。在2002年前后， CSS也是一种不太受人们欢迎的Web显示语言， 除了用它来改变一下字体，目前， DOM编程技术的现状与CSS技术在2002年时的境况颇有几分相似。受GoogleMaps本书的作者Jeremy Kei h是Web标准计划DOM Scripting任务组的负责人之一， 他在这本书本书并不是一本参考大全类型的图书， 作者只重点介绍了几种最有用的DOM方法和属性。这是一本非常实用的好书，是一本值得一读再读的好书。作为本书的译者，我们相信它会让参加本书翻译的人员还有韩兰、李京山、胡晋平、高文雅。近几年流行起来的CSS， 网站和网页的设计工作变得越来越简便， 网上的内容越来越富于变化和色彩。但是， 很多网页设计者和网民朋友都不太喜欢JavaScript， 这主要有以下几方面原因。第一， 很多网页设计者认为JavaScript的可用性很差——早期的浏览器彼此很少兼容， 如果想让自己编写出来的JavaScript脚本在多种浏览器环境里运行， 就必须编写许多用来探测浏览器的具体品牌和具体版本的测试及分支代码(术语称之为“浏览器嗅探”代码)。这样的脚本往往到处是if...e1se语句，既不容易阅读，又不容易复查和纠错，更难以做到让同一个脚本适用于所有的浏览器。第二， 对广大的网民来说， JavaScript网页的可访问性很差——浏览器会时不时地弹出一个报错窗口甚至导致系统死机， 让人乘兴而来、败兴而去。第三， JavaScript被很多网站用来实现弹出广告窗口的功能， 人们厌烦这样的广告， 也就“恨”屋及乌地厌烦起JavaScript来了。第四， “JavaScript”这个名字里的“Java”往往让人们误以为其源于Java语言， 而实际接触之后才发现它们根本没有任何联系。与Java语言相比， JavaScript语言要简单得多。很多程序员宁肯钻研Java， 也不愿意去了解JavaScript的功能和用法。W3C(万维网联盟) 推出的标准化DOM(Document Object Model， 文档对象模型) 已经一统江湖，目前市场上常见的浏览器可以说没有不支持的。这对网页设计者来说意味着可以用简单的“对象检测”代码来取代那些繁复的浏览器嗅探代码， 而按照DOM编写出来的JavaScript页面不像过去那样容易出问题， 这对网民来说意味着浏览体验变得流畅了。其次， 最近兴起的Ajax技术以DOM和JavaScript语言(以及CSS和XHTML) 为基本要素， 基于Ajax技术的网站离不开JavaScript和DOM脚本。如果程序员在编写JavaScript脚本的时候能够把问题考虑得面面俱到， 就可以避免许多问题， 但可惜的是如此优秀的程序员太少了。事实上， 即使是在JavaScript已经开始流行起来的今天， 如果程序员在编写JavaScript脚本的时候不遵守相关的标准和编程准则， 也仍会导致各种各样的问题。几乎没有人用它来干其他的事情。但没过多久， 人们对利用CSS设计网页布局的兴趣就一发而不可收， 整个潮流也从那时扭转了过来。现在， 掌握CSS已经成为许多公司在招聘网站开发人员时的一项要求。和Flickr等著名公司利用DOM编程技术推出的Gmail、Google Suggest等新型服务的影响和带动，对DOM编程人才的需求正日益增加。有越来越多的人开始迷上了脚本编程技术并开始学习如何利用DOM技术去改善而不是妨碍网站的可用性和可访问性。里通过大量示例证明了这样一个事实：只要运用得当， 再注意避开那些“经典的”JavaScript陷阱， DOM编程技术就可以成为Web开发工具箱里又一件功能强大甚至是不可或缺的好东西。本书的精华在于作者在书中提到的关于JavaScript和DOM脚本编程工作的基本原则、良好习惯和正确思路。如果读者能通过书中的几个案例真正领悟这些原则、习惯和思路，就一定能让自己的编程技术再上一个台阶。每位读者、自建网站的设计者和来到自建网站的访问者都受益匪浅。你要是用了它，说不定它会趁你没看见的时候踢你的狗一脚呢。”这就是JavaScript给我留下的印象……作为一名Web设计师(或者称开发人员) ， 我对JavaScript的态度是能不用就不用， 你是不是也和我一样呢?像我们这样的人肯定还不少。从“.com”盛极一时的年代开始， 因为过时的网络教程中有太多质量低劣的示例脚本， 所以人们对JavaScript产生抵触情绪， 这根本不让我感到意外。但没过多久， 人们对利用CSS设计网页布局的兴趣就一发而不可收了， 整个潮流也从那时我们是幸运的， 因为现在有这本书来指导我们。我也想像不出还有什么人能够比Jeremy Keith幸运的是， 有一群像Jeremy Keith这样的人在努力地为人们指明正确的方向。在这本书中，他向我们证明了事情并不像我们想像得那么糟糕；只要运用得当，再注意避开那些传统的JavaScript陷阱， DOM脚本编程技术就可以成为Web开发工具箱中又一件功能强大甚至是不可或缺的好东西。事实上， DOM脚本编程技术的现状让我想起了2002年前后的CSS。在那之前， CSS一直被人们认为是一种古怪的Web显示语言， 除了用它来改变字体， 几乎没有什么人用它来干其他事情。扭转了过来。Wired和ESPN等著名企业用CSS重新设计网站的做法改变了人们的旧思想。我也在2003年初加入了向Web设计人员推广CSS技术的CSS Zen Garden组织。到了那年年底， CSS已经从少数人的个人爱好变成了许多公司对网站开发人员的一种预期和要求。现在， 我们看到DOM脚本编程技术也正呈现出一种类似的上升趋势。受GoogleMaps和Flickr等著名公司在最近利用DOM脚本编程技术推出的新型服务的影响和带动， 对DOM脚本编程人才的需求正在日益增加。与过去相比，有越来越多像你和我这样的人开始迷上了脚本编程技术， 并开始学习如何利用DOM的力量增强而不是妨碍网站的可用性。更适合做我们的领路人。作为Web标准计划DOM Scripting任务组的台柱， 他一直站在脚本编程技术领域各种最新研发方向的最前端。再说，我从他那里“偷学”代码已经有好几年了，手中有我也就用不着再不好意思了。这的确是一本值得一读再读的好书。在磕磕绊绊地看懂了前几段示例代码之后，我已经迫不及待地想看到更多的例子了。学完第1章后， 我已经完全被吸引住了。Jeremy Keith是极少数能把高深的概念用简明易懂的语言解释透彻的天才，他的著作不仅可以让我们知道应该怎么做，还能让我们明白为什么要那样做。时候了。再也不用假设你们网站的访间者都已经激活了JavaScript支持功能了。让我们舍弃那些是抛开“浏览器嗅探”(browser sniff ng) 技术而拥抱“对象检测”(object detec ion) 技术的内嵌在HTML文档里的事件处理函数吧， 因为我们再也不需要那样做了。Web一天一个样， 而这本书里的技术会让我们每个人都获益。
前言
这是一本讲述一种程序设计语言的书， 但它也适合Web设计师阅读。具体地说， 本书是为那些喜欢使用CSS和XHTML并愿意遵守编程规范的Web设计师们编写的。本书由代码和概念两大部分构成。不要被那些代码吓倒：我知道它们乍看起来很唬人，可一旦抓住了代码背后的概念，你们就会发现用一种新语言去阅读和编写代码并没有多么困难。学习一种新的程序设计语言看起来很难， 但事实却并非如此。DOM脚本看起来似乎比CSS更复杂，可一旦领悟了它的语法， 你们就会发现自己又多掌握了一样功能强大的Web开发工具。程序设计语言的所有语法和关键字都记住。如果有拿不准的地方，查阅参考书就全解决了。不过， 能力越大， 责任也就越大。因此， 我不仅想让你们看到用DOM脚本实现的超酷效果，你们对JavaScript的热情不应该在合上本书时就冷却下来。我己经在http//dom scripting.我接受了这个想法， 并就此事请教了friends of ED出版社的Chris Mills。Chrs非常支持我的如果没有两方面的帮助， 我大概永远也学不会编写JavaScript代码。一方面是几乎每个Web我还要特别感谢Aaron G usaf son， 他在我写作本书期间向我提供了许多宝贵的反馈和灵感。最后， 我要感谢我的妻子Jessi a Spengler， 这不仅是因为她一直在默默地支持我， 更因为她归根结底，代码都是思想和概念的体现。我在这里要告诉大家一个秘密：其实没人能把一种本书不是一本参考大全。我将只讨论编写和运行JavaScript脚本所必需的最基本的语法。我的真正目的是为了让大家理解DOM脚本编程技术背后的思路和原则。这些思路和原则或许已经是你们早就熟悉的了：预留退路、循序渐进、以用户为中心的设计。这些概念其实对任何前端Web开发工作都非常重要。这些思路贯穿在本书的所有代码示例中。你们将会看到用米创建图片库页面的脚本、用来创建动画效果的脚本和用来丰富页面元素呈现效果的脚本。如果你们愿意，完全可以把这些例子剪贴到自己的代码中，但更重要的是理解这些代码背后的“如何”和“为什么”。如果你们已经在使用CSS和XHTML来把设计思路转化为活生生的网页， 就应该知道Web标准有多么的重要。还记得你们第一次意识到自己根本不必使用标签时感受到的震撼吗?还记得你们是在何时发现自己只需修改一个CSS文件就可以改变整个网站的视觉效果吗?DOM技术有着同样强大的威力。更想让你们看到怎样才能利用DOM脚本编程技术以一种既方便自己更体贴用户的方式去充实和完善你们的网页。如果需要本书所讨论的相关代码示例的完整清单，到http：//www.friendsofed.com网站搜索本书的主页就可以查到。你们还可以在这个网站找到friends of ED出版社出版的其他好书， 它们的内容涉及Web标准、Flash、DreamWeaver以及许多细分的计算机领域。com/处开设了一个网站， 我将在那里继续与大家共同探讨现代的、标准化的JavaScript。我希望你们能到该网站看看。与此同时，我更希望本书能够对大家有所帮助。祝你们好运!
致谢
没有我的朋友和同事Andy Budd'(www.andybudd.com) 和Richard Rutter(www.clagnut.com)的帮助， 本书的面世就无从谈起。Andy在我们的家乡Brighton开设了一个名为Skills wap(www.ski11swap.org) 的免费培训网站。在2004年7月， Richard和我在那里做了一次关于JavaScript和DOM的联合演讲。演讲结束后， 我们来到附近的一家小酒馆， 在那里， Andy建议我把演讲的内容扩展成一本书。想法， 完全没有烦虑到我以前从未写过书的事实。friends of ED的每个人一直都在帮助和鼓励我。我要特别感谢我的项目经理Becki c Stones和我的文字编辑Julie Smth对我这个初出茅庐的作者给予的支持和谅解。浏览器里都有的“view source”(查看源代码) 选项。谢谢你， “view source”。另一方面是那些多年来一直在编写让人叹为观止的代码并解说重要思路的JavaScript大师们。Scott Andrew、AaronBood man、Steve Champeon、Peter-Paul Koch、Stuart Langridge和Simon Willison只是我现在能想到的几位。感谢你们所有人让我分享你们的聪明才智。感谢Molly Holzschlag与我分享她的经验和忠告， 感谢她对本书初稿给予反馈意见。感谢Derek Featherstone与我多次愉快地讨论JavaScript问题， 我喜欢他思考和分析问题的方法。在写作本书期间， 我有幸参加两次非常棒的盛会：在得克萨斯州Austin举办的“South bySouthwest”和在伦敦举办的@meda。我要感谢这两次盛会的组织者Hugh Forrest和Pat rkGrif it hs， 是他们让我有机会结识那么多最友善的人——我从没想过我能有机会与他们结为朋友和同事。对本书初稿做出的专业帮助。谢谢你，我的人生伴侣。
对网页设计人员来说，这是一个充满着挑战和机遇的时代。近几年来，网页设计工作已经从一种混乱无序和即兴发挥的状态，逐渐发展为一种有着成熟的设计原则可供遵循的流水线作业。有越来越多的网页设计人员开始采用一种标准化的思路来建立网站，而实现这一思路和方法的具体技术则称为“Web标准”。当网页设计人员谈论起与Web标准有关的话题时， XHTML(可扩展的超文本标记语言) 和CSS(层叠样式表) 通常占据着核心地位。不过， 由W3C(万维网联盟) 批准并由所有与标准相兼容的Web浏览器支持的第三方技术称为DOM(文档对象模型) 。我们可以利用DOM去改善文档的可交互性， 就像我们可以利用CSS给文档添加各种样式一样。在开始学习DOM之前， 我们先回顾一下使网页具备可交互性的程序设计语言。这种语言就是JavaScript， 它已经诞生相当长的时间了。
第1章JavaScript简史
JavaScript的起源
JavaScript是Netscape公司与Sun公司合作开发的。在JavaScript出现之前， Web浏览器不过是一种能够显示超文本文档的软件的基本部分：而在JavaScript出现之后， 网页的内容不再局限于枯燥的文本， 它们的可交互性得到了显著的改善。JavaScript的第一个版本， 即JavaScript 1.0版本， 出现在1995年推出的Netscape Navigator 2浏览器中。到了1996年， JavaScript、ECMAScript、JScript—随便你们怎么称呼它， 已经站稳了脚跟。JavaScript是一种脚本语言， JavaScript脚本通常只能通过Web浏览器去完成某种操作而不是口利用JavaScript实时地操控和改变各有关样式。
在JavaScript 1.0发布时， Netscape Navigator主宰着浏览器市场， 微软的IE浏览器则扮演着追赶者的角色。微软在推出IE 3的时候发布了自己的VBScript语言并以JScript为名发布了JavaScript的一个版本， 以此很快跟上了Netscape的步伐。面对微软公司的竞争， Netscape和Sun公司联合ECMA(欧洲计算机制造商协会) 对JavaScript语言进行了标准化。其结果就是ECMAScript语言， 这使得同一种语言又多了一个名字。虽说ECMAScript这个名字没有流行开来， 但人们现在谈论的JavaScript实际上就是ECMAScript。Netscape和微软公司在它们各自的第3版浏览器中都不同程度地提供了对JavaScript 1.1语言的支持。
这里必须指出的是， JavaScript与Sun公司开发的Java程序语言没有任何联系。人们最初给JavaScript起的名字是Live Script， 后来选择“JavaScript”作为其正式名称的原因， 大概是想让它听起来有系出名门的感觉，但令人遗憾的是，这一选择反而更容易让人们把这两种语言混为一谈，而这种混淆又因为各种Web浏览器确实具备这样或那样的Java客户端支持功能的事实被进一步放大和加剧。事实上， 虽说Java在理论上几乎可以部署在任何环境中， 但Java Seri pt却只局限于Web浏览器。像普通意义上的程序那样可以独立运行。因为需要由Web浏览器进行解释和执行， 所以JavaScript脚本不像Java和C++等编译型程序设计语言那样用途广泛。不过， 这种相对的简单性也正是JavaScript的长处：因为比较容易学习和掌握， 所以JavaScript很受那些本身不是程序员， 但希望能够通过简单的剪贴操作把脚本嵌入他们的现有网页中的普通用户们的欢迎。JavaScript还向程序员提供了一种操控Web浏览器的手段。例如， JavaScript语言可以用来调整Web浏览器窗口的高度、宽度和屏显位置等属性。以这种办法给出Web浏览器本身的属性可以看做是BOM(浏览器对象模型) 。JavaScript的早期版本还提供了一种初级的DOM(文档对象模型)。
什么是DOM
简单地说， DOM是一套对文档的内容进行抽象和概念化的方法。如，当用“汽车”、“房子”和“树”等名词来称呼日常生活环境里的事物时，我们几乎可以百分之百地肯定对方知道我们说的是什么，而这是因为人们对这些名词所代表的具体事物都有着同样的认识。于是，当对别人说“汽车停在了车库里”时，可以相当有把握地假设他们不会把这句话理解为“小鸟关在了壁橱里”。将取决于那个人能否理解“第三”和“左边”等抽象概念的含义。如果他不会数数或者分不清左
1.2浏览器之争
在现实世界里，人们对笔者称之为“世界对象模型”里的许多事物都有一个共同的理解。例我们的“世界对象模型”不仅可以用来描述客观存在的事物，还可以用来描述各种抽象概念。例如，假设有个人向我问路，而我给出的答案是“左边第三栋房子”。这个答案有没有意义右，则不管他是否理解这几个概念，我的回答对他都不会有任何帮助。在现实世界里，正是因为大家对抽象的世界模型有着基本的共识，人们才能用非常简单的话把比较复杂的含义表达出来并得到对方的理解。具体到这里的例子，我可以相当有把握地断定，那位老兄以及其他人对“第三”和“左边”等抽象概念的理解和我对这些概念的理解是完全一样的。这个道理对网页也同样适用。JavaScript的早期版本向程序员提供了对Web文档的某些实际内容(主要是图像和表单)进行查询和操控的手段。因为“图像”和“表单”等名词是程序员都明白的概念， JavaScript语言也预先定义了“images”和“forms”等关键字， 我们才能像下面这样在JavaScript脚本里引用“文档中的第三个图像”或“文档中名为‘detai'的表单”：现在的人们通常把这种试验性质的初级DOM称为“第0级DOM”(DOM Level 0) 。在还未形成统一标准的初期阶段， “第0级DOM”的常见用法包括对图像进行链接和显示以及在客户端进行某种形式的数据合法性验证。但从Netscape和微软公司各自推出的第四代浏览器产品开始， DOM受到了越来越多的开发人员和爱好者的关注。Netscape Navigator 4(NN 4) 浏览器发布于1997年6月， IE 4浏览器发布于同年的10月。这两种浏览器都对它们的早期版本进行了许多改进， 使用得到极大扩展的DOM， 可以通过JavaScript完成的功能大大增加， 而网页设计人员也开始熟悉一个新的名词：DHTML。DHTML是“dynamic HTML”(动态HTML) 的简称。严格地说， DHTML并不是一项单一的新技术， 而是HTML、CSS和JavaScript这三种技术相结合的产物。
《JavaScript DOM编程艺术_Jeremy Keith_杨涛译》目录
目录
3.3
模型：DOM中的“M”......36
3.5
第4章案例研究：JavaScript美术馆……51
第1章
JavaScript简史…
JavaScript的起源…
1.2
浏览器之争…
节点…
信息…
3.3.2 getElementById() 方法…42
3.3.3 getElementsByTagName() 方法…44
3.4趁热打铁……46
4
..5
.53.4.2 setAttribute() 方法…48
…74.1编写标记语言文档……52
第7章动态创建HTML内容……109
7.1document.write() 方法………110
7.2innerHTML属性……111
7.3DOM提供的方法…114
7.4重回“JavaScript美术馆”.........121
改进动画效果…
最后的优化……
小结…
设计实战…
案例背景介绍…
11.1.1原始材料…
11.1.2网站的结构…
11.1.3网页的结构…
页面视觉效果设计…
CSS…
颜色….
11.4.1布局…
11.4.2字型…
XHTML文档…
11.6JavaScript脚本…
本章内容
口JavaScript的起源
口浏览器之争
口DOM的演变史
11.7
小结…
11.8下章简介…
第12章
12.1Web的现状……
12.2Ajax技术……
12.3Web应用……
12.4小结……
附录DOM方法和属性…