JavaScript Dom

第一章 JavaScript 简史

JavaScript

它还有另外的名字：ECMAScript,JScript

1. JavaScript是一种脚本语言，通常只能通过Web浏览器去完成一些操作，而不能想普通意义上的程序独立运行。
2. JavaScript还向程序员提供一些操作Web浏览器的手段

DOM

1. DOM 是一套对文档的内容进行抽象和概念化的方法。

DHTML

1. DHTML 是 “Dynamic HTML” 的简称。并不是一项新技术，而是描述HTML 、CSS和JavaScript技术组合的术语。

第二章 JavaScript 语法*

第三章 DOM

文档：DOM中的 “D”

1. 当创建一个网页并把它加载到Web浏览器中时，DOM就在幕后悄然而生。它把你编写的网页文档转换为一个文档对象。

文档：DOM中的 “O”

1. 用户定义对象
2. 内建对象：内建在JavaScript语言里的对象，如Array、Math等
3. 宿主对象：由浏览器提供的对象。

文档：DOM中的 “M”

代表着 " Model ", 浏览器提供了网页的地图（模型），耳我们可以通过JavaScript去读取这张地图。

节点

1. 元素节点

 //获取元素节点
object. getElementById();
object.getElementByTagName();
object. getElementByClassName();

2. 文本节点
3. 属性节点

   //获取属性
  object.getAttribute(attribute);
  //设置
  object.setAttribute(attribute，value);

nodeType属性：每个节点都有的属性

node.nodeType

1. 元素节点的值为 1
2. 属性节点的值为 2
3. 文本节点的值为 3
   node.nodeName

第四章 案例研究JavaScript 图片库 *

第五章 最佳实战

5.1平稳退化 （分离）

1. 如果未开启JavaScript？
2. JavaScript 和 HTML标记分离吗？

5.5向后兼容

有的用户未开启JavaScript功能，此外，不同浏览器对JavaScript的支持程度也不一样。

1. 对象检测

function myFunction(){
	if(document.getElementById){
	     //支持该方法，
	}
}

2. 浏览器嗅探技术 ：通过提取浏览器供应商提供的信息来解决向后兼容的问题。

5.6性能考虑

1. 尽量少访问DOM和尽量减少标记
2. 合并和放置脚本
3. 压缩脚本

第六章 案列研究：图片库的改进版 *

第七章 动态创建标记

传统技术：document.write 和 innerHTML

DOM 方法

1. document.createElement();
2. element.appChild();
3. parentElement.insertBefore(newElement,targetElement)

第八章 充实文档的内容 *

第九章 CSS-DOM *

element.className : 获取class属性

第十章 用JavaScript实现动画效果

关键函数setTimeout(“function”,interval);