包括了stu.hta(是HTML应用程序);
stu.xml
注意下面的HTML代码必须保存为后缀名为hta否则当对XML文件进行操作(增删改)的时候就会提示没有权限!!
文件stu.hta代码如下:
复制代码 代码如下:
<html>
<head>
<title> 数据岛的显示</title>
<style type="text/css">
#findPanel
{
position:absolute;
width:220px;
border:1px solid #666666;
}
#findPanelTitle
{
height:10px;
background-color:#336699;
cursor:move;
}
#findPanelContent
{
padding:5px 5px 5px 5px;
background-color:#6699CC;
}
</style>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<>
</SCRIPT>
<input id="s" type=button value="显示学生信息">
<input id="que" type=button value="精确查询">
<input id="add" type=button value="新增">
<input id="can" type=button value="取消">
<br>
<center>
<div id="ad">
<table><tr><td>学号:
<input type=text id="xh" size=5 maxlength=5 onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false"><>
</td><td>姓名:
<input type=text id="xm" size=10 maxlength=5>
</td><td>性别:
<input type=text id="xb" size=5 maxlength=5>
</td><td>籍贯:
<input type=text id="jg" size=10 maxlength=5>
</td>
</tr>
</table>
</div>
<div id="qmd">
<table>
<tr align="center">
<td></td>
<td><input id="que" type=button value="查询"></td>
<td><input id="mod" type=button value="修改"></td>
<td><input id="del" type=button value="删除"></td>
</tr>
</table>
</div>
</center>
<div id="findPanel">
<div id="findPanelTitle">可拖动</div>
<div id="findPanelContent">
<input type="text" size="20" value="a" id="key" onkeydown="javascript:ChckSubmit(event);">
<input type="button" value="查找">
</div>
</div>
<script language="javascript">
<>
</script>
<xml id="stu" src="stu.xml">
</xml>
<center>
<div id="info">
<table DATASRC=#stu border=1 >
<caption><h2>学生信息管理</h2></caption>
<thead>
<th>学号</th>
<th>姓名</th>
<th>性别</th>
<th>籍贯</th>
</thead>
<tr>
<td>
<div DATAFLD="学号">
</td>
<td>
<div DATAFLD="姓名">
</td>
<td>
<div DATAFLD="性别">
</td>
<td>
<div DATAFLD="籍贯">
</td>
</tr>
</table>
</div>
</center>
</body>
</html>
xml文件如下(stu.xml)
复制代码 代码如下:
<?xml version="1.0" encoding="gb2312"?>
<学生管理>
<学生>
<学号>97001</学号>
<姓名>王五</姓名>
<性别>男 </性别>
<籍贯>上海</籍贯>
</学生>
<学生>
<学号>97002</学号>
<姓名>李四 </姓名>
<性别>男 </性别>
<籍贯>浙江 </籍贯>
</学生>
<学生>
<学号>97006 </学号>
<姓名>张三 </姓名>
<性别>男</性别>
<籍贯>浙江</籍贯>
</学生>
</学生管理>