复选框对象支持的常用事件处理类型：onBlur、onClick、onFocus。
39.JavaScript程序是典型的事件驱动程序。
每个事件都有与之相关的Event对象。
Event对象提供以下关于事件的信息：
事件类型
事件发生时光标的位置
与各种页面元素相关联的一组事件是文档对象模型(Document Object Model, DOM)的一部分，而不属于JavaScript。\
<li>泡菜鱼</li>
<li id="myDearFood">板栗烧鸡</li>
<li>麻婆豆腐</li>
</ul>
</body>
模仿练习：创建元素节点和文本节点
要求：
页面初始结构为空，即<body></body>标签之间没有任何html代码；
利用脚本实现，浏览页面时，页面上出现“hello word！”；
var i=0;
i=Math.round(Math.random( )*8+1);
document.write("<IMG width=640 height=433 src="+ i +".jpg>");
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
弹出框
<HTML>
<HEAD><TITLE>onClick事件处理程序</TITLE>
//appendChild将这个div标记添加到body的内容中去
document.body.appendChild(div1);
</script>
改变颜色
<HTML>
<HEAD><TITLE>onClick事件处理程序</TITLE>
</HEAD>
</BODY>
<FORM name="go"><input type="checkbox" name="C1" onClick="document.bgColor='lightblue'">浅蓝色<input type="checkbox" name="C2" onClick="document.bgColor='lightyellow'">浅黄色<input type="checkbox" name="C3" onClick="document.bgColor='lightgreen'">浅绿色
<SCRIPT LANGUAGE="JavaScript">
<!--
function inform()
{alert("单击灰色按钮时，就激活了该程序！");
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM><INPUT TYPE="button" NAME="test" VALUE="单击此处" ONCLICK="inform()">
31.HTML表单是文档的一部分，包含称为控件的表单元素
表单用于接受用户的输入并提供一些交互式操作
<FORM>元素用于在网页中创建我们称为表单的区域
INPUT元素定义要显示在表单上的表单元素的类型和外观
TEXTAREA元素创建多行文本输入控件
BUTTON元素创建按钮表单元素
SELECT元素用于显示可供用户选择的选项列表
通过setAttribute()可以改变Element的原有属性或者设置一些新的属性，其作用和直接改变文档内容中HTML标记文本的属性等效。
如何获得拥有特定属性值的所有元素？
假设需要在input元素中寻找满足type=“checkbox”这个条件的所有元素
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++)
{
if (inputs.getAttribute("type") == "checkbox")
{
…
}
}
removeAttribute()只能删除在程序中用setAttribute()明确设置过的属性值，如果HTML不允许删除HTML标记的某个属性，那么removeAttribute()将会抛出DOM Exception异常。
使用框架的HTML文档有一个HEAD部分和一个FRAMESET部分。FRAMESET部分指定主窗口中视图的布局
34.不能同时使用BODY元素和FRAMESET元素
35.在网页中创建链接时，可以将框架设置为链接的目标
36.NOFRAMES元素用于指定在浏览器不支持框架时使用的替代内容
37.IFRAME元素用于定义内嵌或浮动框架
文本区对象支持的常用事件处理程序：onBlur、onChange、onFocus、onSelect。
命令按钮对象支持的常用事件处理程序：onBlur、onClick、onMouseDown、onMouseUp。
通过修改<INPUT>元素的type属性，命令按钮也可以作为“提交”按钮和“重置”按钮。单击“提交”按钮时触发事件onSubmit。单击“重置”按钮时触发事件onClick。
38.Element是最常见的一类DOM对象，一个Element通常对应一个HTML标签，通过Element的childNodes属性可以访问所有嵌套于这个Element之内的子对象，它们实际上对应于嵌套在标记内部的标记、文本或注释。
通过getAttribute()方法可以访问Element的属性，这些属性对应于HTML标记的属性；
如果文档类型为指定属性设置了默认值，那么removeAttribute()的结果是将该属性的值恢复到默认值，而不是删除该属性。
文本框对象支持的常用事件处理程序：OnBlur、OnChange、OnFocus、OnSelect。
文本区的focus方法使文本区接收焦点，意味着文本插入指针在文本区对象的区域中闪动，用于编辑文本区中的内容。select方法用于选择文本区对象中的所有文本。
</FORM>
</BODY>
</HTML>
模仿练习：插入新的菜单列表。
要求文本“hello word！”是一个<div>节点中<h1>节点的内容；
模仿练习：参考答案2。
<script type="text/javascript">
var div1=document.createElement("div");
//对innerHTML赋值直接修改这个div中的内容
div1.innerHTML="<h1>hello word!</h1>";
节点也可以拥有先辈。先辈是某个节点的父节点，或者父节点的父节点，以此类推。比方说，所有的文本节点都可把<html>节点作为先辈节点。
案例：获取<li>节点的父节点-HTML结构。
<body onload="myDOMInspector()">
<ul>
<li>糖醋排骨</li>
<li>圆笼粉蒸肉</li>
1.Internet是网络的网络
2.万维网(WWW)是Internet的一个子集
3.协议是一套规则，必须遵循它才能访问Web上的资源
4.HTML是一种标记语言，用于创建页面并在浏览器中显示
5.DreamWeaver、Microsoft Frontpage和记事本等是用于创建HTML源文档的编辑器
6.浏览器是用于查看网页和在Web中导航的应用程序
12.<ADDRESS>标记用于显示所有者的地址和联系信息
13.<BLOCKQUOTE>元素用于格式化文本块中的内容
14.<PRE>元素用于以预定义的格式显示文本
15.<DIV>和<SPAN>元素是用于组织内容的块标记
16.HTML支持多种标记，如<B>、<I>、<U>、<SUB>、<SUP>和<EM>，这些标记可用于格式化HTML文档的内容
30.水平对齐(ALIGN)和垂直对齐(VALIGN)属性用于控制单元格中内容的对齐方式
BGCOLOR属性用于指定表格或单元格的背景颜色，而要添加表格的边框颜色，则要使用BORDERCOLOR属性
CELLSPACING属性可指定单元格之间的间距，CELLPADDING属性指定表格单元格边框与该单元格中文本之间的间距
7.标记用于控制HTML文档的内容和外观
8.HTML文档由三部分组成：HTML部分、头部分和正文部分
9.可以指定从H1到H6不同大小的标题
