如何在html中插入xml

如何在html中插入xml,第1张

实例!

以下是XML文件【1.xml】内容:

<?xml version="1.0" encoding="gb2312"?>

<config>

<content>

<content_1>1.我的内容1.</content_1>

<content_2>2.我的内容2.</content_2>

</content>

</config>

以下是ASP文件内容【1.asp 用于管理1.xml】:

<%

strSourceFile = Server.MapPath("1.xml")

Set objXML = Server.CreateObject("Microsoft.XMLDOM") '创建一个XML对像

'Set objXML = Server.CreateObject("Microsoft.FreeThreadedXMLDOM")

objXML.load(strSourceFile) '把XML文件读入内存

If objXML.parseError.ErrorCode <>0 Then

objXML.loadXML "<?xml version=""1.0"" encoding=""gb2312"" ?>"

End If

set objcontent = objXML.documentElement.SelectSingleNode("content") '读取节点content

if request("tijiao")="yes" then '判断是否是提交过来的

objcontent.SelectSingleNode("content_1").text=request.form("content_1")

objcontent.SelectSingleNode("content_2").text=request.form("content_2")

objXML.save(strSourceFile) '将提交过来的表单数据写入XML

response.Write("<script>alert('保存成功!')</script>")

end if

%>

<html><head>

<TITLE>XML文件读写实例</TITLE>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

</head><body>

<table width=98% align="center" border="1" cellspacing="0" cellpadding="4" style="border-collapse: collapse">

<form name="form1" method="post" action="">

<input type="hidden" value="yes" name="tijiao"><!--这里一个隐形的input用于提交判断-->

<tr><td height=25>XML文件读写实例</td></tr>

<tr>

<td>内容1: <input name="content_1" type="text" id="content_1" value="<%=objcontent.SelectSingleNode("content_1").text%>" size="60">

</td>

<tr>

<td>内容2: <input name="content_2" type="text" id="content_2" value="<%=objcontent.SelectSingleNode("content_2").text%>" size="60">

</td>

</tr>

<tr align="center">

<td height="36">

<input type="submit" name="Submit" value="保存">

</td>

</tr></form>

</table>

</body>

</html>

被调用显示文档也使用ASP,参照input内显示的值!

1,内嵌XML数据

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<title>第一次亲密接触(非痞子蔡版,请不要理解为侵权)</title>

</head>

<body>

<xml id="第一次亲密接触">

<第一次亲密接触>

<对象>xml</对象>

<亲密程度>接触到XML稍微宝贵的地方---数据岛</亲密程度>

<结论>感觉不错,是个好东东</结论>

</第一次亲密接触>

</xml>

<center><h1>第一次亲密接触</h1></center>

<table border="0" datasrc="#第一次亲密接触" align="center" width="443">

<tr>

<td bgcolor="#99FF99">对象: <span datafld="对象"></span></td>

<td bgcolor="#3399CC">亲密程度:<span datafld="亲密程度"></span></td>

<td bgcolor="#CC99CC">结论: <span datafld="结论"></span></td>

</tr>

</table>

</body>

</html>

2.外部xml文件的引用

首先利用以前的知识建立一个XML文件(不是我懒,给你们一个机会锻炼^^)

涉及到以下<xml></xml>中的数据内容

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<title>第一次亲密接触(非痞子蔡版,请不要理解为侵权)</title>

</head>

<body>

<xml id="第一次亲密接触" src="firstlove.xml">

<第一次亲密接触>

<对象>xml</对象>

<亲密程度>接触到XML稍微宝贵的地方数据岛</亲密程度>

<结论>感觉不错,是个好东东</结论>

</第一次亲密接触>

</xml>

<center><h1>第一次亲密接触</h1></center>

<table border="0" datasrc="#第一次亲密接触" align="center">

<tr>

<td bgcolor="#99FF99">对象: <span datafld="对象"></span></td>

<td bgcolor="#3399CC">亲密程度:<span datafld="亲密程度"></span></td>

<td bgcolor="#CC99CC">结论: <span datafld="结论"></span></td>

</tr>

</table>

</body>

</html>

我们可以通过指定XML文件位置来引用她,一般通过src="XXX.xml"引用.

要利用DOM

来存取XML

文件,你必须将XML

文件连结到HTML

网页上。要达成这个目的,最简单的方法就是插入一个data

island。回想一下之前我们是利用一个命名为XML

的HTML

元素来建立一个data

island。例如,下面HTML

网页中的BODY

元素包含了一个连结,包含在Book.xml

档案中的XML

文件的data

island

中:

<BODY>

<XML

ID="dsoBook"

SRC="Book.xml"></XML>

<!--other

elements

in

body

of

page

...-->

</BODY>

想获得更多有关data

island

的信息,请参阅看第八章中

<第一步:将XML

文件链接到HTML网页>

中的内容。

如同你在第八章中学到的,你指定给data

island

的ID

会参考文件的DSO。你将使用DSO

的对象成员XMLDocument

来存取DOM,就像下面这行script

程序代码所示:

Document

=dsoBook.XMLDocument

特别是,XMLDocument

成员包含了DOM

的根对象,称为文件节点(Document

node)。你将会使用文件节点存取所有其它的DOM

对象。

因此,在HTML

网页中建立data

island

会导致Internet

Explorer

5

同时建立DSO(直接由data

island

的ID

来代表)和DOM(透过DSO

的XMLDocument

成员对象来存取)。

提示

如果你想从HTML

网页来存取多份XML

文件,你可以借着为每一份XML

文件加入一个data

island

来达成。甚至单一XML

文件可以含括多个data

island。(如果你的网页更改了位于高速缓存中DOM

数据的内容,那么后面这项技术对于管理XML

数据的数个不同版本时可能很有用处。然而,本章并未包含修改DOM

资料的相关技术。)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6115567.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存