《Javascript_Dom 编程艺术》（第2版）读书笔记

第1章 Javascript 简史

Dom : 平稳退化、渐进增强，以用户为中心的设计

第2章 Javascript 语法

1.程序设计语言分为：解释性(javascript)和编译型(java,C++)两大类

2.变量作用域：假设某个函数中使用了var，该变量被视为一个局部变量。仅仅存在于该函数的上下文中；反之，则是一个全局变量。假设脚本中已经存在一个与其同名的全局变量，这个函数就会改变那个全局变量（在其后出现）的值。

3.内建对象（Array, Math, Date等）。宿主对象(浏览器提供的对象)（Form, Element, Image, document(活的网页上不论什么一个元素)）

4.BOM DOM

第3章 DOM

1.三种DOM方法获取元素节点

document.getElementById(); document.getElementsByTagName(); document.getElementsByClassName();

2.在Javascript里，null代表没有值

3.元素的方法: getAttribute(); setAttribut();

第4章案例研究：Javascript图片库

第5章最佳实践

1.平稳退化，渐进增强

2. Html文档里使用onclick之类的属性没有效率也easy引发问题

第6章案例研究：图片库改进版

addLoadEvent()收录到脚本中

第7章动态创建标记

1.document.write(); 不推荐使用

2.innerHTML(); 插入一大段HTML内容。若要对插入的内容进行处理，须要DOM提供的精确属性和方法

3.在DOM看来，一个文档就是一个节点树

4.CreateElement(); CreateTextNode(); appendChild()：将节点连接成为文档树一部分，也可连接两个都不是文档树一部分的节点

5.DOM方法创建和插入新节点：createElement(), createTextNode();

6.parentNode.insertBefore(newElement, targetElement);

7.insertAfter() 收录到脚本中

8.Ajax 点击链接、发送请求到server，等待返回一整个页面，使用Ajax能够做到仅仅更新页面中的一小部分. Ajax技术的核心是XMLHttpRequest

9.Hijax 渐进增强的Ajax

10.SEO 搜索引擎优化

第8章充实文档的内容

1.for(variable in array) 第一次循环时，variable表示array中第一个元素的下标值；第二次循环时，表示第二个元素的下标值。值到最后一次循环。

"for(..in..)循环用于遍历数组下标值不为整数的数组"

2.微软直到IE7才支持abbr元素

3.Javascript脚本仅仅应该用来充实文档的内容。要避免使用DOM技术创造核心内容

第9章 CSS-DOM

1.<p id="elem" style="color:#000; font-family:Arial, Sans-Serif;"></p>

var para = document.getElementById("elem"; alert(para.style.color); alert(para.style.fontFamily); 驼峰标识转化属性中含有的减号

2.style对象的属性值须放在单引號或双引號里。否则会被解释为变量 para.style.color = "black";

3.不该用DOM技术(Javascript)去创造重要的HTML内容，也不该用DOM技术去创造重要的样式信息，最多能够对文档的样式做补充

4.通用函数的设计

第10章用Javascript实现动画效果

第11章 HTML5

第12章综合演示样例