第一章 序与JS简史

序

本书并不是一本参考大全类型的图书，只重点介绍了几种最有用的DOM方法和属性。本书的精华在于作者在书中提到的关于JavaScript和DOM脚本编程工作的基本原则、良好的习惯和正确的思路。

代码示例全部换成HTML5标记。

永远不要假设Ajax（或JavaScript，等等）一定可用。

增加了jQuery的章节。揭示了人们对为什么使用库的种种疑问。它让你先理解了底层代码的工作原理，然后再告诉你使用库为什么能节省时间和精力。

---

前言

本书由代码和概念两大部分构成。

归根结底，代码都是思想和概念的体现。

不仅想让你看到用DOM脚本实现的炫酷效果，更要让你看到怎样才能利用DOM脚本编程技术以一种既方便自己更体贴用户的方式去充实和完善网页。

本书的代码可以再http://www.friendsofed.com或http://www.turingbook.com下载。

---

JavaScript简史

起源

JavaScript是Netscape与sun或做开发的。JS是一种脚本语言，通常只能通过web浏览器去完成一些操作。需要由web浏览器解释和执行。

DOM

简单的说，DOM是一套对问的那个的内容进行抽象和概念化的方法。

现实世界中--->世界对象模型---->左边第三栋房子

JS--->提供了查询和操控web文档某些实际内容（图像和表单）的手段--->预先定义了images和forms--->文档中的第三个图像

document.images[2];
document.forms['details'];

浏览器之间的冲突

Netscape的DOM使用了专有元素，称为层（layer)。层有唯一的ID，假设要找出myelement元素的left位置并赋值给变量xpos，JS代码需要如下引用

document.layers['myelement']
var xpos=docuemnt.layers['myelement'].left;

而微软需要如下引用

document.all['myelement']
var xpos=docuemnt.all['myelement'].leftpos;

标准的制定

W3C推出了标准化的DOM。还是刚才的例子，假设要找出myelement元素的left位置并赋值给变量xpos，此时的JS语法如下：
var xpos=docuemnt.getElementById('myelement').style.left

W3C推出的标准化的DOM可以让任何一种程序设计语言对使用任何一种标记语言编写出来的任何一份文档进行操控。