《ppk谈JavaScript_（荷）Peter-Paul Koch_淘宝UED》pdf电子书免费下载

下载方式一：

百度网盘下载地址：https://pan.baidu.com/s/1t6GeE5TW29B-VTjMg_SDsA

百度网盘密码：1111

下载方式二：

http://ziliaoshare.cn/Download/ac_123520_pd_ppkTJavaScript_（H）Peter-PaulKoch_TBUED.zip

作者：（荷）Peter-Paul Koch_淘宝UED

页数：361

出版社：empty

《ppk谈JavaScript_（荷）Peter-Paul Koch_淘宝UED》介绍

本书全方位介绍了JavaScript，主要讨论了浏览器兼容性、可访问性、底层语法以及与HTML结构层软考官方指定教材及同步辅导书下载|软考历年真是解析与答案.Net技术精品资料下载汇总：ASP.NET篇.Net技术精品资料下载汇总：C#语言篇撼世出击：C/C++编程语言学习资料尽收眼底电子书+视频教程Perl/CGI脚本语言编程学习资源下载地址大全Python语言编程学习资料(电子书+视频教程) 下载汇总最新JavaScript、Ajax典藏级学习资料下载分类汇总天罗地网：精品Linux学习资料大收集(电子书+视频教程) Linux参考资源大系Linux系统管理员必备参考资料下载汇总Linux shell、内核及系统编程精品资料下载汇总Solaris/OpenSolaris电子书、视频等精华资料下载索引的协同等问题。书中既包括理论性的讲解，又给出了相关的示例脚本以进行进一步阐述。通过8个真实项目示例，介绍了JavaScript核心语言、BOM、事件处理、DOM、修改CSS样式表以及数据检索等内容。本书适合具有一定网页开发经验的Web开发人员阅读。软考视频|考试机构|考试时间安排Java一览无余：Java视频教程|Java SE|Java EE.Net技术精品资料下载汇总：VB.NET篇Visual C++(VC/MFC) 学习电子书及开发工具下载最新最全Ruby、RubyonRails精品电子书等学习资料下载数据库精品学习资源汇总：MySQL篇|SQLServer篇|Oracle篇最强HTML/xHTML、CSS精品学习资料下载汇总网络最强PHP开发工具+电子书+视频教程等资料下载汇总UML学习电子资下载汇总软件设计与开发人员必备经典Linux CBT视频教程系列Linux快速学习视频教程一帖通UNIX操作系统精品学习资料<电子书+视频>分类总汇FreeBSD/OpenBSD/NetBSD精品学习资源索引含书籍+视频

著译责任编缉[荷] Peter-Paul Koch淘宝UED傅志红著作权合同登记号人民邮电出版社出版发行邮编100061电子函件网址http：//www.ptpress.com.cn三河市海波印务有限公司印刷新华书店总店北京发行所经销开本：800×10001/16印张：22.5字数：532千字印数：1-5000册读者服务热线：(010)88593802北京市崇文区夕照寺街14号2008年4月第1版2008年4月河北第1次印刷印装质量热线：(010)67129223315@ptpress.com.cn图字：01-2007-2672号定价：59.00元

PDG计算机精品学习资料大放送

对本书的赞誉-Roger Johansson，瑞典资深Web专家-Harvey A.Ramer，纽约著名Web设计师——陈贤安(Re a lazy) ，《精通JavaScript》译者——blog.o three.net——JavaRanch.com-Jeremy Keith，《JavaScript DOM编程艺术》和《Bulletproof Ajax中文版》作者——Nate Klaiber， Clear Function公司营销总监，资深Web设计师-i hower的blog-certforums.com-pen-and-ink.ca

译者序作为译者，竭尽所能向读者介绍这是一本如何优秀的书，原本就是我们“应尽的义务”。但但是，不知读者是否和我们一样意识到，在这一波未平，一波又起的潮流中，鲜见中国人以在翻译本书的过程中，我们的目标也渐渐地从向读者推荐一本好书，变成了向读者推荐一种所以， ppk用他的行为告诉我们，平凡的人也可以把平凡的事情做到伟大，只要我们坚持!在阅读本书的时候，读者一定还会从字里行间感受到一种回报社区的感恩心态。正如ppk所总而言之，希望大家阅读此书后能有所收获，特别是在心态和精神上有所收获。如果说ppk独乐乐，不如众乐乐。高手，必与众同乐。所以，我们的口号是：坚持与分享。最后；感谢人民邮电出版社图灵公司的编辑们，容忍了我们长期多次的“跳票”，并不断地开始阅读吧，带着一种平凡的心态!在JavaScript日益成为Web应用程序开发中最前沿、最具活力也最充满创造力的领域时，市场上以及读者的书架上，一定早已存在不少关于JavaScript的好书(而能看到这段文字，说明你也一定早已具备了挑选好书的眼光和能力)。这是一种必然的现象，每当一种具有生命力和市场号召力的新技术、新应用或新概念诞生的时候，总会伴随着一股潮流和运动，而大量相关的优秀文章与书籍的出现，即是这种潮流和运动的重要特征。创造者或推动者的角色出现。今天我学会了Ajax，明天你了解了可用性……而何时我们才能站到那圈子的中央，成为引发地动山摇的震源呢?平凡精神。这种精神是那么地平凡，很难想见其伟大。每当碰到恼人的浏览器问题， Peter-PaulKoch(下面简称ppk) 不会像我们一样只会上网搜索方案，或者绕道而行。他会深入挖掘它的产生原因，搞明白是浏览器的bug还是脚本的bug。某些时候，他还会在“所有的”浏览器上测试某个特性，把它们列成一张兼容性表格。在这之后，他会将成果做成一个网页，发布在自己的网站上与大家分享。这样的工作，他坚持了好多年，他的个人网站收录的浏览器问题与解决方案，比浏览器厂商提供的还要全面和权威。特别值得我们钦佩的是，他的母语不是英语，但他却一直活跃在前端开发的前沿与核心。说的，他在学习JavaScript的初期，也得到了前端开发社区的帮助和鼓励。所以书中的几个示例，虽然不难(对ppk来说肯定更加没有挑战性) ，但他却事无巨细地将它们剖开分析，指导初学者从更高的层次来看待JavaScript，引导他们更深入地学习。正是这样一种“平凡人做非凡事”的精神，使ppk成长为一位浏览器专家，一位前端技术专家，一位Web标准的布道者，一位平凡但对社区贡献巨大的开发者。回头细想，这也是我们翻译此书的最大动力。显然我们高估了自己的实力，又低估了淘宝的发展速度(工作实在很忙)，以致花费了数倍于计划的时间才完成本书的翻译。经过上百个加班之后再“加班”的夜晚、几十个令女朋友横眉的周末、两个不能完全放松休息的黄金周，是这样一种“回报社区”的想法，支持着我们的光标不断往前。2译者序的努力促成了我们对社区的一点贡献，那么，期望我们的努力也能促成读者对社区的一点贡献。如果大家都不断地贡献社区，那么，我们也一定能成为潮流的创造者和推动者。鼓励我们前进。感谢淘宝UED的兄弟姐妹们，是这个团队的爱让我们充满斗志。还要感谢我们家中的领导，所有的功劳(和酬劳)都是她们的!

淘宝UED酱小马承志轻侯2007年底于杭州城西PDG

前言撰写本书是希望Web开发人员更容易理解一些JavaScript基础知识，这些知识是我成为一名职业Web开发人员以来一点一滴收集来的。而不是应用程序开发人员，这意味着我将谈论的是浏览器兼容性、可访问性、底层语法以及与HTML结构层的协作，而不涉及模块、设计原则或者抽象层。本书反映了我所掌握的知识，自然也同时反映了我的知识的局限性。我是一名Web开发人员，8年来，开发网站成为我谋生的手段。这期间，我频繁地使用JavaScript的一些特性，但同时也忽略了很多其他特性。我一直都只使用那些工作中需要用到的工具，而JavaScript工具箱里还存在一大堆我平常很少用的特性。的语言特性。例如，本书不会涉及面向对象的JavaScript，因为我从来都不需要用它。另外，一本书的篇幅有限，所以我必须做出取舍(有时候真的很难)。最后我选择了那些中高级应用必须使用的JavaScript特性。显然，我不能教你使用那些连我自己都不甚了解的工具，所以本书只探讨那些我工作中用到背景知识我假设你已经非常熟悉HTML和CSS了。在第4章我们会看到整洁、有用的HTML结构对写出简洁、高效的脚本是多么关键。而第9章对于不了解CSS基本知识的人来说会是“天书”。代码：另外，我还假设你已经有一些JavaScript经验，哪怕只处在复制/粘贴的水平。看下面这段var x=document.getElementsByTagName('a') ；for(vari=0； icx.length； i++) {if(x[i] .className 1='popup') continue；x[i] .on click=open Popup；我假设你至少知道这段代码会找出页面上的所有链接，且将类为popup的链接定义成弹出。你不需要理解所有的细节(事实上本书的目的就是介绍这些细节)，但是你应该对它有大致的了解。理想情况下，通过阅读本书，我希望每一个初学者能达到中级水平，同时帮助每一个中级水平者走好通往高级的路。配套网站PDG浏览器兼容性表格只在线提供，因为它们更新速度很快。放在网上的好处是，当浏览器的兼本书也引用了一些其他网站。当然，你可以把URL输入到浏览器的地址栏。而更简单的办法任何JavaScript图书都需要示例脚本。作者每阐释一点原理，就应该接着展示这个原理在实践所以，没有比这些示例更现实和更实用的了。用现实中的示例有一点不好，那就是我不能每一章讲一个示例。因为我的客户可不会因为我因此，这些示例用来讲解全书内容，它们全都用到了事件处理、可访问性、DOM脚本编程、我把脚本拆成了多个片段，并且把它们按主题进行了排列。你可以在http：/www.quirksmode.2004年9月，一家名叫Lost Boys的网站代理，请我帮他们开发一个脚本程序，可以记住用户这是一个非常简单的DOM脚本，略微增强了页面。我的网站www.quirksmode.org是有关JavaScript的主要资源站点之一。在目录www.quirksmode.2前言org/book/下，你可以找到所有的示例脚本、勘误表等。容模式变化时或发现错误时，我可以及时更新它们。到我的网站上去找它们吧，不管怎样它们已经呆在网上5年了。是访问配套网站，本书提到的每一个网站在配套网站上都提供了链接。示例脚本中是怎么应用的。示例脚本是最直白的办法。理想的情况下，这些脚本都应该有实用价值。例如，创建一个脚本把你所有的宠物按名字排序显示出来，然后点击宠物名字就会弹出一张傻乎乎的大头照，这样虽然很不错，但即使这个脚本阐释了一些原理(如对象和弹出框)，它的实用价值还是为零。所以，本书最大特色是提供了8个脚本程序，它们可都是我做的真刀真枪的实际项目，客户花钱买了的。这8个脚本程序是为7个特定客户的特定商业目标而写的，而且每一个客户都明确表示他们对这些脚本程序很满意。事实上，他们中的6个又给了我新的项目，而那第7个客户没有给我新项目的唯一原因就是他的公司实在太小，只需要一个网站就足够用了。如何使用示例脚本还没有向你解释过DOM就让他的脚本程序只能用到JavaScript的基本语法和事件。HTML结构以及运行时改变CSS。org/book/找到所有的示例脚本。即使你不准备坐在电脑前阅读本书，我也建议你能事先对这些脚本有个了解。本书假设你已经对它们有了一个全面的了解，知道它们是做什么的以及为什么要这么做。下面我分别简要介绍一下这些脚本。限长的文本输入区在文本输入区(textarea) 中键入的字符数量，这就是限长的文本输入区脚本。随后我在A List Apart(网站) 发表了一篇名为“JavaScript Triggers(JavaScript触发器) ”的文章，用很大篇幅探讨了这个脚本方方面面的内容，接着在自己的博客评论区实现了这段脚本，并且在Quirks Mode添加了一段描述。你可以在http：/alistapartcom/articles/scriptriggers找到这篇文章。

PDG

前言

易用的表单2003年4月，荷兰ING银行委托我创建一个演示用的抵押贷款申请表单。这几乎是现实存在的最复杂的表单，必须想办法隐藏无关的表单域，只在必要时才显示。例如，“离婚日期”域只有当填表人明确已离婚时才需要显示，其他任何时候都得把它隐藏起来。(表单、可用性和W3CDOM) ”一文，你可以在http：/www.digitalweb.com/artles/forms_usabilty_and_the_w3c_dom/找到这篇文章。你会注意到文章中脚本的版本比我们这本书用到的要老一些。所以，我写了易用的表单脚本，为庆祝这一成果，我还写了“Forms， Usability， and the W3CDOM这个较为复杂的DOM脚本会在运行时不停地改变文档的结构。这个例子包含许多有价值的内容，如自定义属性、HTML元素之间关系的定义、标记的使用、全局事件以及在处理表单域时0级DOM的优势。表单验证表单的网站创建模板。很显然，表单需要验证脚本，所以我创建了这个表单验证脚本。它与自定表单验证脚本包括基本的表单处理功能，它会生成一些HTML，而且用一个很有趣的方法来Orchid需要的一个脚本是永恒的经典：下拉菜单。虽然它的可用性在某些时候还值得怀疑，这个脚本极好地解释了如何让CSS和JavaScript紧密协作来保证良好的可访问性，如何兼容键下一个例子也是为Orchid写的脚本。为网站开发公司SQR开发的表单验证脚本是在2004年春季完工的。他们委托我为一个有大量义的validation属性绑定在一起，在用户出错时不是弹出一个警告窗口，而是在表单域旁边显示错误消息。使用JavaScript关联数组。下拉菜单但在过去的这么多年里以及未来一两年内，它似乎还是会继续成为需求量最大的脚本之一。盘的操作，怎样解决因为mouse out事件引发的问题，以及更多的高级特性。Orchid有很多HTML模板，带有定义了大量页面元素(页头、导航、主要内容等) 位置的样然而，为了让站点更有个性，需要向客户提供微调样式的机会，主要就是颜色、背景色、字体和排版样式。为此，每个站点都有另一个样式表，可以通过它加入独特的设计元素。我编写了“编辑样式表”脚本来允许客户修改第二个样式表。客户只要在表单中输入希望的遗憾的是，这个脚本一直处于原型阶段，因此缺乏不少特性，特别是无法向服务器提交改变PDG后的样式表并应用到整个站点上。尽管如此，这个脚本还是提供了一个编辑样式表的范例，并为速食餐饮服务。这个站点想要实现食物订购的流水线作业，并让访问者看到他能提供的全部食物。2004年1月， Orchid for Change联系到为他们建立站点。编辑样式表式表。客户只要选择一个预定义的模板就可以创建一个网站。颜色和排版样式，就可以改动样式表并立刻显示出效果。HTML表单与脚本协同工作做了准备。4前言三明治拾取器

这是我最喜欢的脚本范例。2004年10月，我为Keur slager Drost建网站，他是一位肉店老板，还提供规模不大但很成功的订购三明治成为这个站点的主要业务。因为超出预算，所以不可能使用一个完整的数据库解决方案， 100来种的三明治就这么纵向排列在一个静态的HTML文件中，用户只好在庞大的列表中搜索。在此情况下，我创建了“三明治拾取器”脚本。一个巨大的数据表包含着所有三明治的数据，而两张开始数据为空的表会包含搜索结果和订购信息。位于页面顶部的搜索框用来搜索三明治，脚本将正确的tr>移动到页面顶部、紧跟在搜索框的下方。我加了一个小巧的订购系统，包含一个订购和一个删除按钮。点击这些按钮将移动到正确的表中。最后还有一个计算价格的脚本，从而完成页面操作。一些要点。这家公司受雇于大型网站，负责跟踪用户访问了哪些页面，并且在用户离开网站之后展示一完成这些工作的脚本已经很老了，不能对付屏蔽弹出窗口的软件，对那些不支持JavaScript因此我完全重写了这个脚本，强化了可用性和可访问性。这个脚本将示范怎么绕过弹出窗屏请注意， “在线调查”是唯一使用了两个JavaScript文件的范例：主站的所有页面都加上了这个脚本是一个有趣的由用户参与修改文档结构的例子，它也展示了JavaScript和CSS协作的XMLHTTP测速计2005年9月，一家名叫E end的网络公司委托我为其ISP Wanadoo公司写一个测试ADSL下载速度的脚本。需求非常简单：用户在一个表单中填入邮编和门牌号，然后一段XMLHttpRequest脚本就会在后台悄悄地向服务器发送这些信息，而服务器则会返回包含这用户所能得到的下载速度的一小段XML。最后的结果(下载速度)会以动画形式显示出来(在最小速度和最大速度之间摆动)。除了视觉上要比较有趣之外，它还要清晰地表达出该下载速度是用户可以期待达到的速度，而不是ISP保证的。这对Wanadoo来说很重要，因为下载速度基本上是不可精确预测的。这个脚本是一个使用XMLHTTP的简单例子，说明了怎么读服务器的反馈数据，演示了JavaScript动画的原理，还非常清楚地解释了setTimeout和setInterval之间的区别。在线调查在XMLHTTP测速计完工后不久，我开始为研究机构RM Interactive写一个不寻常又有趣的脚本。个自愿参加的调查问卷。所有这些都是通过弹出窗口来实现的。的用户来说也是不可访问的。而此时RM Interactive即将接手荷兰政府的项目，所以这些可访问性问题必须解决。蔽软件、监视主窗口中发生的事件、恢复弹出窗口与主窗口之间的通信，以及如何确定用户已经离开了网站。

前言5survey.js，而弹出窗口用了popup.js。错误误。这些真实的脚本必然会存在真实的错误。在写这本书的时候我注意到有两个比较特殊的错口三明治拾取器有一个可访问性错误。理论上，它的页面对不支持脚本的用户是可访问的，但是事实上在不支持脚本的情况下可用性会被严重阻碍，我们将在2G讨论这点。口表单验证用到了自定义的validation属性(即不属于(X) HTML规范的属性) 。写第4章的时候，我发现它和“易用的表单”及“限长的文本输入区”有所不同，其实它可以不用自定义属性。把这些信息转而写到类属性里会让脚本与CSS表现层更紧密地合作。这点将在4B讨论。我决定不更正这些错误，因为它们都很有教育意义，让我们可以更深入地了解JavaScript与HTML、可访问性、Web标准、CSS之间的关系。本书结构定义的。的结构层、表现层和行为层是分离的。档对象模型) 、改变CSS以及数据获取。1B包括这些主题的概述。我们会在前4章讨论一些比较高级的主题，后6章将关注技术主题。最后来说明一下本书中的一些版式约定。本书分为10章，每章又划分为标号为A、B、C等的节。for(vari=0； i标签。第5章~第10章全方位讨论JavaScript技术：核心、BOM(浏览器对象模型) 、事件、DOM(文本书约定节些章号和节号间的交叉引用。例如，“我们将在4B中详细介绍这个内容”。书中涉及的主题密不可分。印刷版图书的一个缺点就是无法使用超链接，因此，我使用了一代码示例很多章都布满了代码示例，类似v arrows=document.getElementsByTagName('tr') ；PDG6前言如果它们来自一个示例脚本，我会给出行号，如[示例脚本名，第14~17行]v arrows=document.getElementsByTagName('tr') ；偶尔我也会简化示例脚本，因为我想集中讲述某个特性，而忽略其他内容。在这种情况下，会在行号中标出“节选”字样。“有改动”字样意思是根据旁边正文的说明，对脚本做了些改动。代码中的某些行太长，书中会分为两行打印。这种情况下，行末会有特殊标记，表示“下一行的代码实际应在本行中”，例如，你不能将这样的方括号与数组中表示键的方括号相混淆，后者在5K和5L中会用到，它们通

{

JavaScript有时允许在标明位置分行，有时不允许。为了避免错误，最好是认为所有代码在源文件中位于一行上。书中偶尔也会给出错误的反面示例，类似v arrows=getElementsByTagName('tr') ；其上下文会解释为什么这些示例是错误的。代码示例有时也包含用方括号括起的文字，如v arrows=[get the rows in the start table] ；)这表明，我们将先这么做，但暂不讨论如何做。我希望你把注意力放在示例中的实际代码上，虽然这些应该加以说明，但我并不打算详细讨论，以免分散你的注意力。常是有明显区别的。浏览器的名称var cells=rows.getElementsByTagName('td') ；本书主要涉及4种浏览器，我通常称之为Explorer、Mozila、Opera和Safari，其后接版本号。Mozilla包括基于Gecko呈现引擎的各种浏览器，如Firefox、Camino和Netscape。Explorer指Windows之上的微软InternetExplorer浏览器(5.0及以上版本) 。我使用这样的名称已经很久了，过去的7年中，我在www.quicksmode.org上也是一直这么使用的。我希望本书可以和这个网站相一致，因此也通篇使用了Explorer。如第3章所提到的， Windows版本的Explorer与Mac版本的Explorer是截然不同的浏览器。因为虽然有些读者会反驳说，它实际上就应该叫InternetExplorer，以区别Windows Explorer，但我认为不会有人会把WWW浏览器与文件管理器相混淆，特别是在它们紧密结合的今天。从JavaScript的角度看， Mac版的Explorer即将过时，而且也不是非常好的浏览器。没有限定词的

前言7PDGExplorer总是指Windows版本的。当我提到Mac版时，我会明确地说“Mac的”。时间本书最后完成于2006年5月。显然，它不涉及我在这之后所进行的开发活动。在写本书期间，我用以下浏览器测试了我的脚本：Explorer 6.0和7.0beta2p reviewMozilla 1.7.12和Firefox 1.5Opera 8.54和9betaSafari 1.3.2Konqueror 3.0.5iCab 3.0软考官方指定教材及同步辅导书下载|软考历年真是解析与答案软考视频|考试机构|考试时间安排Java一览无余：Java视频教程|Java SE|Java EE.Net技术精品资料下载汇总：ASP.NET篇.Net技术精品资料下载汇总：C#语言篇.Net技术精品资料下载汇总：VB.NET篇撼世出击：C/C++编程语言学习资料尽收眼底电子书+视频教程Visual C++(VC/MFC) 学习电子书及开发工具下载Perl/CGI脚本语言编程学习资源下载地址大全Python语言编程学习资料(电子书+视频教程) 下载汇总最新最全Ruby、RubyonRails精品电子书等学习资料下载数据库精品学习资源汇总：MySQL篇|SQLServer篇|Oracle篇最强HTML/xHTML、CSS精品学习资料下载汇总最新JavaScript、Ajax典藏级学习资料下载分类汇总网络最强PHP开发工具+电子书+视频教程等资料下载汇总UML学习电子资下载汇总软件设计与开发人员必备经典Linux CBT视频教程系列Linux快速学习视频教程一帖通天罗地网：精品Linux学习资料大收集(电子书+视频教程) Linux参考资源大系Linux系统管理员必备参考资料下载汇总Linux shell、内核及系统编程精品资料下载汇总UNIX操作系统精品学习资料<电子书+视频>分类总汇FreeBSD/OpenBSD/NetBSD精品学习资源索引含书籍+视频Solaris/OpenSolaris电子书、视频等精华资料下载索引

《ppk谈JavaScript_（荷）Peter-Paul Koch_淘宝UED》目录

第1章

目标…

概念回顾…

无侵入脚本编程…

三个层……

分离关注点…

CSS修改…

更改结构还是表现…

独立文件中的函数…

无脚本…

没有鼠标…

屏幕阅读器…

在浏览器中处理交互…

胖与瘦……

JavaScript的目标…

技术概览…

标准化…

版本…

安全…

JavaScript的历史…

错误的开始…

事实标准…

CSS变革…

新的开始…

下一步…

第2章大背景…

ACSS变革…

B表现与结构的分离…

C行为与结构的分离…

屏幕阅读器和事件…

可访问性和可用性…

5F可访问性规则…

...6条理分明的HTML…

产生对脚本用户有意义的内容…

9重定向用户……

10键盘用户…

…10