2种在HTML中绑定XML数据的方法
2011-01-06 20:33
405 查看
第一种:
1)在<body></body>中添加<xml id="XMLdata" src="XML文件">.
2)同时在<table>中添加 datasrc="#XMLdata"
3) 在<td>标签中写<span datafld="title"></span>,其中datafld为xml标签的字段。相当于数据库中表的字段.
第二种:
通过JavaScript来引用XML 文件。具体操作如下:
1)javascript脚本
<script language="JavaScript">
function loadXML()
{
var XMLdoc = XMLDSO.XMLDocument;
XMLdoc.load("XML文件");
}
</script>
2)在<body onload="loadXML()"></body>
3)<OBJECT>标签.
<OBJECT classid="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" id="XMLDSO"></OBJECT>
4)
<table datasrc="#XMLDSO" border="1" cellpadding="7" align="center">
例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<OBJECT classid="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" id="XMLDSO"></OBJECT>
<html>
<head>
<title>显示图书信息</title>
</head>
<script language="JavaScript">
function loadXML()
{
var XMLdoc = XMLDSO.XMLDocument;
XMLdoc.load("book.xml");
}
</script>
<body onload="loadXML()">
<p align="center"><b><font size="4">图书信息表</font></b></p>
<hr>
<table datasrc="#XMLDSO" border="1" cellpadding="7" align="center">
<thead>
<th>书名</th>
<th>类别</th>
<th>书号</th>
<th>作者</th>
<th>出版社</th>
<th>定价</th>
<th>剩余数量</th>
</thead>
<tr>
<td><span datafld="title"></span></td>
<td><span datafld="bookcategory"></span></td>
<td><span datafld="ISBN"></span></td>
<td><span datafld="author"></span></td>
<td><span datafld="publisher"></span></td>
<td><span datafld="price"></span>元</td>
<td><span datafld="remain"></span>本</td>
</tr>
</table>
</body>
</html>
1)在<body></body>中添加<xml id="XMLdata" src="XML文件">.
2)同时在<table>中添加 datasrc="#XMLdata"
3) 在<td>标签中写<span datafld="title"></span>,其中datafld为xml标签的字段。相当于数据库中表的字段.
第二种:
通过JavaScript来引用XML 文件。具体操作如下:
1)javascript脚本
<script language="JavaScript">
function loadXML()
{
var XMLdoc = XMLDSO.XMLDocument;
XMLdoc.load("XML文件");
}
</script>
2)在<body onload="loadXML()"></body>
3)<OBJECT>标签.
<OBJECT classid="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" id="XMLDSO"></OBJECT>
4)
<table datasrc="#XMLDSO" border="1" cellpadding="7" align="center">
例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<OBJECT classid="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" id="XMLDSO"></OBJECT>
<html>
<head>
<title>显示图书信息</title>
</head>
<script language="JavaScript">
function loadXML()
{
var XMLdoc = XMLDSO.XMLDocument;
XMLdoc.load("book.xml");
}
</script>
<body onload="loadXML()">
<p align="center"><b><font size="4">图书信息表</font></b></p>
<hr>
<table datasrc="#XMLDSO" border="1" cellpadding="7" align="center">
<thead>
<th>书名</th>
<th>类别</th>
<th>书号</th>
<th>作者</th>
<th>出版社</th>
<th>定价</th>
<th>剩余数量</th>
</thead>
<tr>
<td><span datafld="title"></span></td>
<td><span datafld="bookcategory"></span></td>
<td><span datafld="ISBN"></span></td>
<td><span datafld="author"></span></td>
<td><span datafld="publisher"></span></td>
<td><span datafld="price"></span>元</td>
<td><span datafld="remain"></span>本</td>
</tr>
</table>
</body>
</html>
相关文章推荐
- Ajax处理XML、HTML、JSON三种数据格式的方法
- knockout之各种数据绑定方法:text、attr、visible、html、css、style绑定
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- 把xml数据绑定到html表格中
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- asp.net Xml绑定到数据控件的两种简单方法
- 把xml数据绑定到html表格中
- 把xml数据绑定到html表格中
- 静态页面HTML绑定动态数据.aspx,用document.write的方法!
- XML+XSL输出HTML时,直接将XML输出为HTML的2种方法
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- Ajax与jQuery-利用$.get()和$.post()方法传递html,xml,json数据
- 将二进制数据嵌入 XML 文档的三种方法
- struts2中Action数据绑定几种方法
- php操作XML,读取数据和写入数据的方法
- iOS 详解NSXMLParser方法解析XML数据方法
- Eval和DataBind方法绑定页面数据
- 用DropDownList控件绑定XML数据实现省市区三级联动
- 某一目录下的所有 XML文件绑定到不同的DataGrid的方法