当前位置：首页 > (1969013)Web鑴氭湰璇█鍩虹瀹為獙鎸囧涔?015-2016 - 鐧惧害鏂囧簱
实验5 DOM解析XML文档
预习要求：复习XML文件的创建与载入；通过javascript获取XML文档数据。初步实现实验内容。 一、实验目的
1、创建并加载XML文档
2、通过DOM访问XML文档的元素与属性 3、学会使用常用的DOM对象 二、实验基本要求
1、使用脚本编写工具或常用网页制作工具，设计合适的网页界面，编写相2、脚本编写应符合JavaScript代码规范，有适当的缩进和注释、标识符的命名。通过在IE中预览不存在任何脚本错误；
3、认真撰写实训报告。 三、实验内容及步骤
创建一个新的子目录以存放新编写的XML文件。 1、新建一个XML文档，输入以下代码，将文件存为lxr.xml。
<联系人 性别=\男\
<姓名>张小三
关脚本，实现实验内容所示的脚本设计目的；
<联系人 性别=\女\
<姓名 >郑燕红
<联系人 性别=\女\
<姓名>李小红
<成绩>60
<姓名>郑燕红
<联系人 性别=\女\
2、编写自定义函数readXML（）读取xml文档显示在页面中 function readXML() { }
3、通过body的onload事件,调用自定义的readxml（）方法，建立DOM树同XML文档之间的关联。读取xml文件，显示在页面中
4、编写自定义函数createTable(xmldoc)，用于将载入的dom中的xml取出以表格的形式显示在页面中 ，参数xmldoc指定载入到dom中的xml。表格形式如下：
var url = \
if(window.ActiveXObject) { //IE }
else if(document.implementation&&document.implementation.createDocument) }
var xmldoc = document.implementation.createDocument(\ }
xmldoc.load(url);
xmldoc.onload=function(){
xmldoc.onload = createTable(xmldoc);
var xmldoc = new ActiveXObject(\xmldoc.onreadystatechange = function() { }
xmldoc.load(url);
if(xmldoc.readyState == 4) createTable(xmldoc);
{ // Mozilla......
姓名
五、实验要求
性别 Id 班级 成绩 1. 独立完成实验内容； 2. 保存制作的网页；
3. 记录实验过程存在的问题，书写实验报告。
实验六 AJAX中利用DOM解析xml文件
预习要求：复习XMLHttpRequest对象的使用。初步实现实验内容。 一、 实验目的
1. 认识Ajax的作用。
2．能够利用Ajax创建简单的web页面。
3．掌握javaScript的基本语法并能够利用javaScript实现DOM解析xml文件。
4．掌握基本的XMLHttpRequest(); 二、实验要求
1、使用脚本编写工具或常用网页制作工具，设计合适的网页界面，编写相2、脚本编写应符合JavaScript代码规范，有适当的缩进和注释、标识符的命名。通过在IE中预览不存在任何脚本错误；
3、认真撰写实训报告。 三、实验内容
应用Ajax技术实现无刷新的级联下拉列表，在”所属大类”下拉列表框中选择“家居日用”列表项后，在“所属小类”下拉列表框中将显示属于该类别下的全部子类。 四、实验体会
1. 写出使用ajax主要操作步骤
2. 写出在实验中遇到的问题和解决的方法
关脚本，实现实训内容所列示的脚本设计目的；
本文作者：...共分享92篇相关文档
