html 无法显示xml,带HTML显示XML数据的空白页面

这篇博客讨论了在HTML中使用XML数据创建表格时遇到的问题。作者在Adobe实时预览中能正常查看内容,但在IE、Firefox和Chrome等浏览器中,页面显示为空白。问题可能在于使用了document.write来动态插入内容,这在某些浏览器中可能不被支持。建议检查XMLHttpRequest的使用,以及考虑使用innerHTML代替document.write来更新页面内容。
摘要由CSDN通过智能技术生成

我有一个html文档,它用xml文档提供的数据创建一个表格。在Adobe支持的实时预览中,我可以看到页面和数据。带HTML显示XML数据的空白页面

但是,当我尝试打开某些浏览器时,如IE,Firefox或Chrome,页面显示出来,只是空白。

这里是html代码的一部分,下面是xml的代码。

这是HTML代码

table { border-collapse: collapse; font-family: Futura, Arial, sans-serif; border: 1px solid #777; }

caption { font-size: larger; margin: 1em auto; }

th, td { padding: .65em; }

th, thead { background: #000; color: #fff; border: 1px solid #000; }

tr:nth-child(odd) { background: #ccc; }

tr:hover { background: #aaa; }

td { border-right: 1px solid #777; }

if (window.XMLHttpRequest)

{// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();

}

else

{// code for IE6, IE5

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.open("GET","prueba_new.xml",false);

xmlhttp.send();

xmlDoc=xmlhttp.responseXML;

document.write("

CardNCardCCardECardNe

var x=xmlDoc.getElementsByTagName("CCard");

for (i=0;i

{

document.write("

");

document.write(x[i].getElementsByTagName("CardN")[0].childNodes[0].nodeValue);

document.write("

");

document.write(x[i].getElementsByTagName("CardC")[0].childNodes[0].nodeValue);

document.write("

");

document.write(x[i].getElementsByTagName("CardE")[0].childNodes[0].nodeValue);

document.write("

");

document.write(x[i].getElementsByTagName("CardNe")[0].childNodes[0].nodeValue);

document.write("

");

}

document.write("

");

下面是XML代码,当然,实际的XML文件,包含了数百个条目。

Volkervun

10000034999

Red Team

Volker.vcd

Lady Mars

10009899899

Blue Team

LadyM.vcd

我尝试了几件事情,但都没有成功。 该空白页的一些想法?

+0

'document.write',浏览器仍然支持吗?一个更好的方法是在内存中构建整个表(在一个字符串变量中),然后使用'[容器元素]将其放入容器元素中.innerHTML = [字符串变量];' –

2015-04-04 08:55:10

+0

虽然document.write是丑陋的和过时的技术,我不相信这是罪魁祸首。您是否在开发人员控制台中看到任何脚本错误?您可以尝试在之后立即放置一些静态文本,并在之前立即确认页面是否正确加载? –

2015-04-04 09:50:01

+0

听起来就像您试图打开文件而不使用本地Web服务器。即使它位于同一台服务器上的相同目录中,安全仍将以这种方式解析ajax –

2015-04-04 10:05:28

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值