正在学xml,遇到一个问题,请教!
时间:2004-09-13
来源:互联网
问:如何才能把图片显示出来,而不是地址?。
1.palXML.xml文件:
<?xml version="1.0" encoding="gb2312"?>
<pal_game>
<Role>
<头像>http://www.showhot.com/pal/picture/people/lee_b.jpg</头像>
<name>李逍遥</name>
<星座>狮子座</星座>
<age>19</age>
</Role>
<Role>
<头像>http://www.showhot.com/pal/picture/people/lin_b.jpg</头像>
<name>林月如</name>
<星座>白羊座</星座>
<age>17</age>
</Role>
<Role>
<头像>http://www.showhot.com/pal/picture/people/ring_b.jpg</头像>
<name>赵灵儿</name>
<星座>巨蟹座</星座>
<age>18</age>
</Role>
<Role>
<头像>http://www.showhot.com/pal/picture/people/noo_b.jpg</头像>
<name>阿奴</name>
<星座>射手座</星座>
<age>15</age>
</Role>
</pal_game>
2.显示的网页
<html>
<head>
<script langauge="Javascript">
function window.onload(){
xmldso.XMLDocument.load("palXML.xml");
}
function movenext(){
if(xmldso.recordset.absoluteposition<xmldso.recordset.recordcount)
xmldso.recordset.movenext();
}
function moveprevious(){
if(xmldso.recordset.absoluteposition>1)
xmldso.recordset.moveprevious();
}
</script>
<title> 仙剑角色</title>
<style type="text/css">
td{text-align:center;border:1px solid red;}
</style>
</head>
<body>
<p>
<object WIDTH="0" HEIGHT="0"
CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" ID="xmldso">
</object>
<table style="border:1px #c0c0c0 solid;">
<tr><td colspan="2">仙剑奇侠传</td></tr>
<tr><td>角色:</td><td><span id="name" DATASRC=#xmldso DATAFLD="name"></span></td></tr>
<tr><td>头像:</td><td><span id="image" DATASRC=#xmldso DATAFLD="头像"></span></td></tr>
<tr><td>年龄:</td><td><span id="age" DATASRC=#xmldso DATAFLD="age"></span></td></tr>
<tr><td>星座:</td><td><span id="星座" DATASRC=#xmldso DATAFLD="星座"></span></td></tr>
</table>
<button onclick="movenext()">下一条</button>
<button onclick="moveprevious()">上一条</button>
</body>
</html>
1.palXML.xml文件:
<?xml version="1.0" encoding="gb2312"?>
<pal_game>
<Role>
<头像>http://www.showhot.com/pal/picture/people/lee_b.jpg</头像>
<name>李逍遥</name>
<星座>狮子座</星座>
<age>19</age>
</Role>
<Role>
<头像>http://www.showhot.com/pal/picture/people/lin_b.jpg</头像>
<name>林月如</name>
<星座>白羊座</星座>
<age>17</age>
</Role>
<Role>
<头像>http://www.showhot.com/pal/picture/people/ring_b.jpg</头像>
<name>赵灵儿</name>
<星座>巨蟹座</星座>
<age>18</age>
</Role>
<Role>
<头像>http://www.showhot.com/pal/picture/people/noo_b.jpg</头像>
<name>阿奴</name>
<星座>射手座</星座>
<age>15</age>
</Role>
</pal_game>
2.显示的网页
<html>
<head>
<script langauge="Javascript">
function window.onload(){
xmldso.XMLDocument.load("palXML.xml");
}
function movenext(){
if(xmldso.recordset.absoluteposition<xmldso.recordset.recordcount)
xmldso.recordset.movenext();
}
function moveprevious(){
if(xmldso.recordset.absoluteposition>1)
xmldso.recordset.moveprevious();
}
</script>
<title> 仙剑角色</title>
<style type="text/css">
td{text-align:center;border:1px solid red;}
</style>
</head>
<body>
<p>
<object WIDTH="0" HEIGHT="0"
CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" ID="xmldso">
</object>
<table style="border:1px #c0c0c0 solid;">
<tr><td colspan="2">仙剑奇侠传</td></tr>
<tr><td>角色:</td><td><span id="name" DATASRC=#xmldso DATAFLD="name"></span></td></tr>
<tr><td>头像:</td><td><span id="image" DATASRC=#xmldso DATAFLD="头像"></span></td></tr>
<tr><td>年龄:</td><td><span id="age" DATASRC=#xmldso DATAFLD="age"></span></td></tr>
<tr><td>星座:</td><td><span id="星座" DATASRC=#xmldso DATAFLD="星座"></span></td></tr>
</table>
<button onclick="movenext()">下一条</button>
<button onclick="moveprevious()">上一条</button>
</body>
</html>
作者: 逍遥云 发布时间: 2004-09-13
外面加上img标签
作者: esunxray 发布时间: 2004-09-13
试了,不行的,在xml里加了
>和<
网页里显示为"<img src=''>"纯文本啊
再用img.src=image.innerText也不行
>和<
网页里显示为"<img src=''>"纯文本啊
再用img.src=image.innerText也不行
作者: 逍遥云 发布时间: 2004-09-13
<头像>http://www.showhot.com/pal/picture/people/noo_b.jpg</头像>
改为注释看看
改为注释看看
作者: EvE 发布时间: 2004-09-15
<![CDATA[ <img src="http://www.showhot.com/pal/picture/people/noo_b.jpg"> 头像
]]>
]]>
作者: EvE 发布时间: 2004-09-16
<html>
<head>
<script langauge="Javascript">
function window.onload(){
xmldso.XMLDocument.load("c.xml");
}
function movenext(){
if(xmldso.recordset.absoluteposition<xmldso.recordset.recordcount)
xmldso.recordset.movenext();
}
function moveprevious(){
if(xmldso.recordset.absoluteposition>1)
xmldso.recordset.moveprevious();
}
</script>
<title> 仙剑角色</title>
<style type="text/css">
td{text-align:center;border:1px solid red;}
</style>
</head>
<body>
<p>
<object WIDTH="0" HEIGHT="0"
CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" ID="xmldso">
</object>
<table style="border:1px #c0c0c0 solid;">
<tr><td colspan="2">仙剑奇侠传</td></tr>
<tr><td>角色:</td><td><span id="name" DATASRC=#xmldso DATAFLD="name"></span></td></tr>
<tr><td>头像:</td><td><img id="image" DATASRC=#xmldso DATAFLD="头像"></td></tr>
<tr><td>年龄:</td><td><span id="age" DATASRC=#xmldso DATAFLD="age"></span></td></tr>
<tr><td>星座:</td><td><span id="星座" DATASRC=#xmldso DATAFLD="星座"></span></td></tr>
</table>
<button onclick="movenext()">下一条</button>
<button onclick="moveprevious()">上一条</button>
</body>
</html>
<head>
<script langauge="Javascript">
function window.onload(){
xmldso.XMLDocument.load("c.xml");
}
function movenext(){
if(xmldso.recordset.absoluteposition<xmldso.recordset.recordcount)
xmldso.recordset.movenext();
}
function moveprevious(){
if(xmldso.recordset.absoluteposition>1)
xmldso.recordset.moveprevious();
}
</script>
<title> 仙剑角色</title>
<style type="text/css">
td{text-align:center;border:1px solid red;}
</style>
</head>
<body>
<p>
<object WIDTH="0" HEIGHT="0"
CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" ID="xmldso">
</object>
<table style="border:1px #c0c0c0 solid;">
<tr><td colspan="2">仙剑奇侠传</td></tr>
<tr><td>角色:</td><td><span id="name" DATASRC=#xmldso DATAFLD="name"></span></td></tr>
<tr><td>头像:</td><td><img id="image" DATASRC=#xmldso DATAFLD="头像"></td></tr>
<tr><td>年龄:</td><td><span id="age" DATASRC=#xmldso DATAFLD="age"></span></td></tr>
<tr><td>星座:</td><td><span id="星座" DATASRC=#xmldso DATAFLD="星座"></span></td></tr>
</table>
<button onclick="movenext()">下一条</button>
<button onclick="moveprevious()">上一条</button>
</body>
</html>
作者: 风云舞 发布时间: 2004-09-16
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28