教案.docx
《教案.docx》由会员分享,可在线阅读,更多相关《教案.docx(19页珍藏版)》请在冰点文库上搜索。
教案
章节题目
XML实验二——XMLDOM
课型
上机
教学目的
学习XMLDOM
重点
XML文档结构及用法;Microsoft.XMLDOM对象及用法。
难点
Microsoft.XMLDOM对象及用法。
参考书目
1.《Web技术导论》第二版郝兴伟;
2.《Web2.0编程与实训》刘怀亮等
3.《21天学通JavaScript》顾宁燕等
4.《
教具
教学后记
教学过程
备注
相关知识:
附后
实验内容:
1.学习并充分理解【1】P141例题3-16;
2.模仿上例,实现“学习HTML标签”的教学网页。
具体说,先建立一个关于“学习HTML标签”的数据XML文档,利用Microsoft.XMLDOM对象,实现网页内容变化;
3.结合【2】P73,实训,完成对不同浏览器的识别。
实验步骤:
1.设计页面内容;
2.建立XML数据文档;
3.建立HTML文档;
4.
习题与思考:
1.简述XML文件中节点的层次。
2.详述以下每行代码的含义:
Functionmsg(){
varP=document.createElement(‘P’);
varText=document.createTextNode()’Hello!
’;
P.appendChild(Text);
document.body.appendChild(P);
}
3.简述DOM树的结构。
4.举例说明如何实现对节点的访问、创建、增添等;以及如何改变节点属性等?
5.举例说明XMLDOM的NodeList对象的item(Index)方法?
理论与实践,两次课内容!
参见【3】P318~319,综合练习。
HTMLDOM对象
HTMLDOMDocument对象
Document对象
◆每个载入浏览器的HTML文档都会成为Document对象。
◆Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。
◆提示:
Document对象是Window对象的一部分,可通过window.document属性对其进行访问。
◆IE:
InternetExplorer,F:
Firefox,O:
Opera,W3C:
W3C标准.
◆Document对象集合
集合
描述
IE
F
O
W3C
all[]
提供对文档中所有HTML元素的访问。
4
1
9
No
anchors[]
返回对文档中所有Anchor对象的引用。
4
1
9
Yes
applets
返回对文档中所有Applet对象的引用。
-
-
-
-
forms[]
返回对文档中所有Form对象引用。
4
1
9
Yes
images[]
返回对文档中所有Image对象引用。
4
1
9
Yes
links[]
返回对文档中所有Area和Link对象引用。
4
1
9
Yes
◆Document对象属性
属性
描述
IE
F
O
W3C
body
提供对
元素的直接访问。
对于定义了框架集的文档,该属性引用最外层的