发布时间 : 2024/5/9 16:33:50 星期四 文章(1969013)Web鑴氭湰璇█鍩虹瀹為獙鎸囧涔?015-2016 - 鐧惧害鏂囧簱更新完毕开始阅读87d0242a19e8b8f67d1cb91d

实验5 DOM解析XML文档

预习要求：复习XML文件的创建与载入；通过javascript获取XML文档数据。初步实现实验内容。 一、实验目的

1、创建并加载XML文档

2、通过DOM访问XML文档的元素与属性 3、学会使用常用的DOM对象 二、实验基本要求

1、使用脚本编写工具或常用网页制作工具，设计合适的网页界面，编写相2、脚本编写应符合JavaScript代码规范，有适当的缩进和注释、标识符的命名。通过在IE中预览不存在任何脚本错误；

3、认真撰写实训报告。 三、实验内容及步骤

创建一个新的子目录以存放新编写的XML文件。 1、新建一个XML文档，输入以下代码，将文件存为lxr.xml。

<联系人 性别=\男\

<姓名>张小三 001 <班级>201301 <成绩>93

关脚本，实现实验内容所示的脚本设计目的；

<联系人 性别=\女\

<姓名 >郑燕红 008 <班级>201302 <成绩>85

<联系人 性别=\女\

<姓名>李小红 009 <班级>201301

<成绩>60

<姓名>郑燕红 010 <班级>201301 <成绩>83

<联系人 性别=\女\

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. 写出在实验中遇到的问题和解决的方法

关脚本，实现实训内容所列示的脚本设计目的；