我有一个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("
CardN | CardC | CardE | CardNe |
---|
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