文件名称:javascript脚本化文档
文件大小:2.06MB
文件格式:DOCX
更新时间:2015-01-03 07:50:54
图像、超链接、帧、表单
客户端JavaScript的存在把静态HTML转变为交互式的Web应用程序。脚本化Web页面的内容正是JavaScript存在的理由。本章将介绍如何做到这些,这是第二部分中最重要的一章。 每个Web浏览器窗口(或帧)显示一个HTML文档。表示这个窗口的Window对象有一个document属性,它引用了一个Document对象。这个Document对象是本章的主题,本章从学习Document对象自身的属性和方法开始。这些很有趣,但它们只是开始。 比Document对象本身更有趣的,是那些表示文档的内容的对象。HTML文档可以包含文本、图像、超链接,以及表单元素等等。JavaScript代码可以访问和操作表示每个文档元素的对象。能够直接访问表示一个文档的内容的对象。这一能力是很强大的。但是这也使事情开始变得复杂起来。 一个文档对象模型或者说DOM就是一个API,它定义了如何访问组成一个文档的对象。W3C定义了一个标准的DOM,它理所当然地在所有现代Web浏览器中得到了很好的支持。不幸的是,情况并非总是如此。客户端JavaScript编程的历史真的是DOM发展的历史(有时候是以不兼容的方式发展的)。在Web的早期,Netscape是领先的浏览器厂商,并且它为客户端脚本定义了API。Netscape 2和Netscape 3支持一个简单的DOM,它提供了仅仅对于链接、图像和表单元素这样的特殊文档元素的访问。这一遗留的DOM被所有的浏览器厂商采用,并且已经作为“0级别”DOM正式纳入到W3C标准中。这一遗留的DOM仍然在所有的浏览器中有效,将首先介绍它。 通过IE4,Microsoft控制了Web。IE4拥有一个革命性的DOM:它允许访问一个文档中的所有元素,并且允许以很多有趣的方式来脚本化很多元素。需要的话,它甚至允许改变一个文档的文本,重新排列文档的段落。Microsoft的API叫做IE4 DOM。它并没有标准化,并且IE 5以及随后采用了W3C DOM的浏览器版本也仍然支持IE 4 DOM。IE4 DOM的一部分也被其他的浏览器所采用,并且,它仍然在Web中发挥作用。在介绍了IE4 DOM的标准替代之后,将在本章末尾介绍它。 Netscape 4针对DOM采用了一种非常不同的方式,基于叫做层的动态定位的可脚本化元素。这一Netscape 4 DOM是革新的尽头,它只被Netscape 4支持,并且在由Netscape代码基础上扩展而来的Mozilla和Firefox浏览器中也被抛弃了。对Netscape 4 DOM的介绍也从本书的这一版本中删除掉了。 本章的大部分内容介绍W3C DOM标准。然而,请注意,在这里只是介绍这一标准的核心部分。脚本化文档内容正是客户端JavaScript存在的理由,并且,本书其余的各章确实是本章的延续。第16章介绍了处理CSS样式和样式表的W3C DOM标准。第17章介绍了用于处理事件(以及实现这些任务的遗留技术和特定于IE的技术)的W3C DOM标准。第18章介绍了和HTML表单元素交互的DOM。第22章介绍了如何脚本化一个HTML文档的标记,以及如何为客户端Web页面添加脚本化的绘图。 DOM的0级别只是定义了一个Document类,并且本章常常非正式地称其为Document对象。可是,W3C DOM定义了一个Document API,它提供了可用于HTML和XML文档的通用文档功能,以及一个专门的HTMLDocument API,用来添加特定于HTML的属性和方法。本书第四部分的参考资料遵从了W3C的惯例,如果读者要查看特定于HTML的文档功能,那么在HTMLDocument下查找。0级别的DOM的大多数功能都是特定于HTML的,必须在HTMLDocument下查找它们,即便本章将它们引用为Document的属性和方法。