Take pains, and be perfect

XMLHttpRequest 对象 function createXHR(){ if (typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); } else if (typeof ActiveXObject != "undefined"){ if (typeof arguments.callee.activeX

第20 章 JSONJSON可以用来表示简单值JSON用来表示对象 { “name”: “Nicholas”, “age”: 29 } 对象的属性必须加双引号，这在JSON 中是必需的。属性的值可以是简单值，也可以是复杂类型值，因 此可以像下面这样在对象中嵌入对象： { “name”: “Nicholas”, “age”: 29, “school”: { “name”:

第17章 错误处理与调试IE 唯一一个在浏览器的界面窗体（chrome）中显示JavaScript 错误信息的浏览器。在发生JavaScript 错误时，浏览器左下角会出现一个黄色的图标，图标旁边则显示着”Error on page”（页面中有错误）。 假如不是存心去看的话，你很可能不会注意这个图标。双击这个图标，就会看到一个包含错误消息的对 话框，其中还包含诸如行号、字符数、错误代码及文

第16章 HTML5脚本编程跨文档消息传送（cross-document messaging），有时候简称为XDM，指的是在来自不同域的页面间 传递消息。例如，www.wrox.com域中的页面与位于一个内嵌框架中的p2p.wrox.com 域中的页面通信。 在XDM 机制出现之前，要稳妥地实现这种通信需要花很多工夫。XDM 把这种机制规范化，让我们能 既稳妥又简单地实现跨文档通信。pos

第14章 表 单 脚 本取得<form>元素引用的方式有好几种。其中最常见的方式就是将它看成与其他元素一样，并为其 添加id 特性，然后再像下面这样使用getElementById()方法找到它。 var form = document.getElementById(“form1”); 其次，通过document.forms 可以取得页面中所有的表单。在这个集合中，可以通过数值索引或 na

<script type="text/javascript">var EventUtil = {addHandler: function(element, type, handler){if (element.addEventListener){element.addEventListener(type, handler, false);} else if (element.attachE

第15章 Canvas基本用法要使用<canvas>元素，必须先设置其width 和height 属性，指定可以绘图的区域大小。出现在 开始和结束标签中的内容是后备信息，如果浏览器不支持元素，就会显示这些信息。下面就 是元素的例子。 <canvas id="drawing" width=" 200" height="200">A drawing of something.</canvas>

第十章 DOM扩展选择符APIquerySelector()方法接收一个CSS 选择符，返回与该模式匹配的第一个元素，如果没有找到匹配的元素，返回null。 //取得body 元素 var body = document.querySelector("body"); //取得ID 为"myDiv"的元素 var myDiv = document.querySelector("#myDiv"

第13章 事件IE 的事件流叫做事件冒泡（event bubbling），即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档） 事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点应该最后接收到事件。事件捕获的用意在于在事件到达预定目标之前捕获它如果想要使用双引号，那么就要将代码改写成如下所示： <input type="bu

第十章 DOMNode类型appendChild()，用于向childNodes 列表的末尾添加一个节点。添加节点后，childNodes 的新增节点、父节点及以前的最后一个子节点的关系指针都会相应地得到更新。更新完成后，appendChild()返回新增的节点如果需要把节点放在childNodes 列表中某个特定的位置上，而不是放在末尾，那么可以使用insertBefore()方法。这个方法接

第七章 函数表达式，定义函数的方式有两种：一种是函数声明，另一种就是函数表达式。 函数声明： sayHi(); function sayHi(){ alert(“Hi!”); } 不会报错，因为在代码执行之前会先读取函数声明。 函数表达式： var functionName = function(arg0, arg1, arg2){ //函数体 };编写递归函数时 var

第八章 BOMwindow 对象 所有在全局作用域中声明的变量、函数都会变成window 对象的属性和方法如果页面中包含框架，则每个框架都拥有自己的window 对象，并且保存在frames 集合中。在frames 集合中，可以通过数值索引（从0 开始，从左至右，从上到下）或者框架名称来访问相应的window 对 象。每个window 对象都有一个name 属性，其中包含框架的名称。top

第九章 客户端检测不到万不得已，就不要使用客户端检测。只要能找到更通用的方法，就应该优先采用更通用的方法。能力检测 if (object.propertyInQuestion){ //使用object.propertyInQuestion }怪癖检测（quirks detection）的目标是识别浏览器的特殊行为。但与能力检测确认浏览器支持什么能力不同，怪癖检测是想要知道浏览器存在什么缺陷

第六章 面向对象的程序设计对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”严格来讲，这就相当于说对象是一组没有特定顺序的值。我们可以把ECMAScript 的对象想象成散列表：无非就是一组名值对，其中值可以是数据或函数。创建对象 var person = { name: "Nicholas", age: 29, job: "Software Engineer", s

第一章js诞生1995年，主要目的是在客户端处理验证。一个完整的js实现有三部分： 核心（ECMAScript) 提供核心语言功能文档对象模型（DOM)提供访问和操作网页内容的方法和接口浏览器对象模型（BOM)提供和浏览器交互的方法和接口DOM级别 DOM1：映射文档结构DOM2：引入DOM视图，DOM事件，DOM样式，DOM遍历和范围DOM3：引入了以统一方式加载和保存文档的方法

第五章 引用类型创建Object 实例的方式有两种。 第一种是使用new 操作符后跟Object 构造函数，如下所示： var person = new Object(); person.name = "Nicholas"; person.age = 29; 另一种方式是使用对象字面量表示法。对象字面量是对象定义的一种简写形式，目的在于简化创建包含大量属性的对象的过程。下面这个例子就使用

第四章 变量、作用域和内存问题基本数据类型：Undefined、Null、Boolean、Number 和String。这5 种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值。 引用类型的值是保存在内存中的对象。与其他语言不同，JavaScript 不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间。在操作对象时，实际上是在操作对象的引用而不是实际的对象。为此，引用类型

安全的类型检测 由于原生数组的构造函数名与全局作用域无关，因此使用toString()就能保证返回一致的值。利 用这一点，可以创建如下函数： function isArray(value){ return Object.prototype.toString.call(value) == “[object Array]”; } 同样，也可以基于这一思路来测试某个值是不是原生函数或正则表达式