首先介绍怎么将CSS和javaScript独立放到文件中，再由HTML页面引用。这个参考一般网页的head即可。
<link rel="stylesheet" type="text/css" href="CSS文件路径" />
<script type="text/javascript" src="JS文件路径"> </script>//注意<script>和</script>之间[color=blue]必须保留一个空格[/color]
关于DOM的几个基本事件：（基本事件的属性值为javascript的函数加";"）
1.onload页面加载之前运行。
2.onblur元素失去焦点时运行。
3.onchange域的内容发生改变时运行。
4.onclick点击某个元素时运行。
5.onsubmit点击submit按钮时运行。
6.onreset点击reset按钮时运行。
7.onfocus元素获得焦点时运行。
关于DOM的几个关键名词：
根元素：在一个文档中，包含所有其他元素的元素。
分支：一个分支是元素和内容的一个集合。
父亲：包含其他标记的标记。
孩子：被包含在其他标记内的标记。
叶子：一种没有孩子的标记，例如[color=blue]没有文本内容的元素或者文本[/color]。
节点：任何单一的标记，例如[color=blue]元素或者文本[/color]。
关于document对象的几个常用属性以及方法：
1.documentElement取得html文档的<html>根元素。
2.getElementById()通过id取得元素。
3.getElementByTagName()通过标记名取得元素，一般是一个数组。
4.createElement("tag_name")通过元素的标记名创建一个元素。
5.createTextNode("text")创建一个文本，文本值为text。
关于元素对象的几个常用属性以及方法：
1.parentNode父节点元素对象。
2.childNode所有孩子节点的元素对象，一般是一个数组。
3.firstChild第一个孩子节点的元素对象。
4.lastChild最后一个孩子节点的元素对象。
5.nodeName节点的名称，[color=blue]元素[/color]才[color=blue]有[/color]nodeName属性，而[color=blue]文本[/color]却[color=blue]没有[/color]nodeName属性，文本中nodeName属性值为null/undefined。
6.nodeValue节点的值，[color=blue]文本[/color]才[color=blue]有[/color]nodeValue属性，而[color=blue]元素[/color]却[color=blue]没有[/color]nodeValue属性，元素中的nodeValue属性值为null/undefined。
6.nodeType节点的类型，当nodeType的值为Node.ELEMENT_NODE时，表示为元素节点，当nodeType的值为Node.TEXT_NODE时，表示为文本节点。
7.onclick代表着元素的onclick事件，直接将onclick函数名赋值给onclick属性即可。类似的事件都有相对应的属性。
8.replaceChild(element_new,element_old)用该元素对象下的新节点[color=blue]代替[/color]现有的孩子节点。
9.insertBefore(element_new_before_old,element_old)在该元素对象下现有的孩子节点的[color=blue]前面插入[/color]一个新的孩子节点,类似的还有insertAfter（element_new_after,element_old）。
10.appendChild(element_new)在该元素对象下[color=blue]新增[/color]一个孩子节点。
11.关键字this，为触发基本事件时，javascript函数体内通过this关键字获取当前触发的元素对象。
12.className为元素对象设置css样式的class。
<link rel="stylesheet" type="text/css" href="CSS文件路径" />
<script type="text/javascript" src="JS文件路径"> </script>//注意<script>和</script>之间[color=blue]必须保留一个空格[/color]
关于DOM的几个基本事件：（基本事件的属性值为javascript的函数加";"）
1.onload页面加载之前运行。
2.onblur元素失去焦点时运行。
3.onchange域的内容发生改变时运行。
4.onclick点击某个元素时运行。
5.onsubmit点击submit按钮时运行。
6.onreset点击reset按钮时运行。
7.onfocus元素获得焦点时运行。
关于DOM的几个关键名词：
根元素：在一个文档中，包含所有其他元素的元素。
分支：一个分支是元素和内容的一个集合。
父亲：包含其他标记的标记。
孩子：被包含在其他标记内的标记。
叶子：一种没有孩子的标记，例如[color=blue]没有文本内容的元素或者文本[/color]。
节点：任何单一的标记，例如[color=blue]元素或者文本[/color]。
关于document对象的几个常用属性以及方法：
1.documentElement取得html文档的<html>根元素。
2.getElementById()通过id取得元素。
3.getElementByTagName()通过标记名取得元素，一般是一个数组。
4.createElement("tag_name")通过元素的标记名创建一个元素。
5.createTextNode("text")创建一个文本，文本值为text。
关于元素对象的几个常用属性以及方法：
1.parentNode父节点元素对象。
2.childNode所有孩子节点的元素对象，一般是一个数组。
3.firstChild第一个孩子节点的元素对象。
4.lastChild最后一个孩子节点的元素对象。
5.nodeName节点的名称，[color=blue]元素[/color]才[color=blue]有[/color]nodeName属性，而[color=blue]文本[/color]却[color=blue]没有[/color]nodeName属性，文本中nodeName属性值为null/undefined。
6.nodeValue节点的值，[color=blue]文本[/color]才[color=blue]有[/color]nodeValue属性，而[color=blue]元素[/color]却[color=blue]没有[/color]nodeValue属性，元素中的nodeValue属性值为null/undefined。
6.nodeType节点的类型，当nodeType的值为Node.ELEMENT_NODE时，表示为元素节点，当nodeType的值为Node.TEXT_NODE时，表示为文本节点。
7.onclick代表着元素的onclick事件，直接将onclick函数名赋值给onclick属性即可。类似的事件都有相对应的属性。
8.replaceChild(element_new,element_old)用该元素对象下的新节点[color=blue]代替[/color]现有的孩子节点。
9.insertBefore(element_new_before_old,element_old)在该元素对象下现有的孩子节点的[color=blue]前面插入[/color]一个新的孩子节点,类似的还有insertAfter（element_new_after,element_old）。
10.appendChild(element_new)在该元素对象下[color=blue]新增[/color]一个孩子节点。
11.关键字this，为触发基本事件时，javascript函数体内通过this关键字获取当前触发的元素对象。
12.className为元素对象设置css样式的class。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
