javascript dom 编程艺术读书笔记

《javascript dom 编程艺术读书笔记》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JavaScriptDOM编程艺术读书笔记一、JavaScript简史XHTML：可扩展的超文本标记语言DHTML：动态的HTML，是HTML、CSS和JavaScript三种技术相结合的产物CSS：层叠样式表DOM：由W3C（万维网联盟）批准并由所有与标准相兼容的Web浏览器支持的第三方技术称为DOM（文档对象模型）。简单的说，DOM是一套对文档的内容进行抽象和概念化的方法。DOM是一种API（应用编程接口）。W3C对DOM的定义是：“一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地对文档的内容、结构和样式进行访问和修改。”目前使用的95%

2、以上的浏览器都具备对DOM的内建支持。二、JavaScript语法1、把JavaScript编写的代码必须嵌入在一份HTML/XHTML文档中才能得到执行。方法有二：一是将JavaScript代码插入文档部分的2、JavaScript中的变量和其他语法元素的名字都是区分字母大小写

3、的；JavaScript语法不允许变量的名字中包含空格或标点符号（但美元符号"$"除外）；JavaScript变量名允许包含字母、数字、美元符号和下划线字符3、数据类型字符串：由零个或多个字符构成。字符可包括字母、数字、标点符号和空格。字符串必须放在引号里----单引号或者双引号均可。但最好根据字符串所包含的字符来加以选择（看字符串里包含是单引号还是双引号）。但若用双引号就一直用双引号。保持一致性转义字符"".如varmood='don'task';转义后为don'task双引号也如此。布尔值：千万不要把布尔值用引号括起来。false和'false'、"fa

4、lse"完全是两码事数组：除了Array的一般用法外，数组还可以包含数组！数组中的任何一个元素都可以把一个数组作为它的值。如：varlennon=Array("John",1940,false);varbeatles=Array();beatles[0]=lennon;那么beatles数组的第一个元素的值是另外一个数组。此时beatles[0][0]=="John",beatles[0][1]==1940,beatles[0][2]==false关联数组用关联数组来代替上面的数值数组。如：varlennon=Array();lennon["name"]="Jo

5、hn";lennon["year"]=1940;lennon["living"]=false;varbeatles=Array();beatles[0]=lennon;那么访问元素时就可以用：beatles[0]["name"]=="John",beatles[0]["year"]==1940等。当然beatles数组也可以填充为关联数组而不是数值数组4、变量的作用域如果在某个函数中使用了var关键字，那个变量就将被视为一个局部变量，它将只存在于这个函数的上下文。反之，如果没有使用var，那个变量就被视为一全局变量。如果你的脚本里已经存在一个与之同名的变量，这个

6、函数将覆盖那个现有变量的值。5、对象内建对象：内建在JavaScript语言里的对象。Math、Date、Array等宿主对象：由浏览器提供的对象，如Form、Element、Image等用户定义对象：由程序员自行创建的对象。定义一Person对象等。document对象三、DOMDOM节点分为不同的类型：元素节点、属性节点和文本节点等DOM四个非常有用的方法：getElementById、getElementsByTagName、getAttribute、setAttribute1、document.getElementById("id")返回的类型是一个对象

7、Object，该对象对应着文档里的一个特定的元素节点2、document.getElementsByTagName("TagName")返回的是一个数组，他们分别对应着文档里的一个特定的元素节点.getElementsByTagName()方法允许我们把一通配符当为它的参数.上面说到的节点每个都是一个对象3、getAttribute()方法是一个函数，它只是一个参数----你打算查询的属性的名字。不过getAttribute()方法不能通过document对象调用，它只能通过一个元素节点对象调用它。4、setAttribute()方法类似于getAttribut

8、e()方法，也是一个只能