<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<TABLE dataSrc="#xmlData" CellPadding="0" border="1">
<thead style="background-color:#507CD1; color:White;">
<tr>
<th style="width:30px;">Rank</th>
<th style="width:90px;">Profession</th>
<th style="width:120px;">Name</th>
<th style="width:50px;">Level</th>
<th style="width:180px;">Server</th>
</tr>
</thead>
<tr style="text-align:center;">
<td style="width:30px;"><span dataFld="id">loading...</span></td>
<td style="width:90px;text-align:left;">
<img dataFld="image" />
<span dataFld="party">loading...</span></td>
<td style="width:120px;"><span dataFld="name">loading...</span></td>
<td style="width:50px;"><span dataFld="level">loading...</span></td>
<td style="width:180px;"><span dataFld="server">loading...</span></td>
</tr>
</TABLE>
<input name="Button" type="button" onclick="gotosubmit()" value="Button" />
<div id="oDataPanel"></div>
<script type="text/javascript">
function gotosubmit(){
kk="<NewDataSet><Table1><id>1</id><name>SilentHawkEye</name><party>Tamer</party><level>75</level><image>image/billboard/p_tamer.gif</image><server>Light in Darkness</server></Table1><Table1><id>2</id><name>belturunen</name><party>Fairy</party><level>75</level><image>image/billboard/p_fairy.gif</image><server>Light in Darkness</server></Table1><Table1><id>3</id><name>Dain</name><party>Monk</party><level>75</level><image>image/billboard/p_monk.gif</image><server>Light in Darkness</server></Table1></NewDataSet>";
document.getElementById("oDataPanel").innerHTML = '<xml id="xmlData">'+ kk +'</xml>';
alert(document.getElementById("oDataPanel").innerHTML);
}
</script>
</body>
</html>以上代码,在IE8里面,绑定数据的时候,会根绝数据的行数,自动空出多行,比如有5行数据,就在头部空出5行。有3行数据,就空出3行。在世界之窗浏览器没有该问题,360浏览器相同问题
FF不行。。谁知道是为什么啊????
怎么解决呢?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<TABLE dataSrc="#xmlData" CellPadding="0" border="1">
<thead style="background-color:#507CD1; color:White;">
<tr>
<th style="width:30px;">Rank</th>
<th style="width:90px;">Profession</th>
<th style="width:120px;">Name</th>
<th style="width:50px;">Level</th>
<th style="width:180px;">Server</th>
</tr>
</thead>
<tr style="text-align:center;">
<td style="width:30px;"><span dataFld="id">loading...</span></td>
<td style="width:90px;text-align:left;"><span dataFld="party">loading...</span></td>
<td style="width:120px;"><span dataFld="name">loading...</span></td>
<td style="width:50px;"><span dataFld="level">loading...</span><img dataFld="image" /></td>
<td style="width:180px;"><span dataFld="server">loading...</span></td>
</tr>
</TABLE>
<input name="Button" type="button" onclick="gotosubmit()" value="Button" />
<div id="oDataPanel"></div>
<script type="text/javascript">
function gotosubmit(){
kk="<NewDataSet><Table1><id>1</id><name>SilentHawkEye</name><party>Tamer</party><level>75</level><image>image/billboard/p_tamer.gif</image><server>Light in Darkness</server></Table1><Table1><id>2</id><name>belturunen</name><party>Fairy</party><level>75</level><image>image/billboard/p_fairy.gif</image><server>Light in Darkness</server></Table1><Table1><id>3</id><name>Dain</name><party>Monk</party><level>75</level><image>image/billboard/p_monk.gif</image><server>Light in Darkness</server></Table1></NewDataSet>";
document.getElementById("oDataPanel").innerHTML = '<xml id="xmlData">'+ kk +'</xml>';
alert(document.getElementById("oDataPanel").innerHTML);
}
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<TABLE dataSrc="#xmlData" CellPadding="0" border="1">
<thead style="background-color:#507CD1; color:White;">
<tr>
<th style="width:30px;">Rank</th>
<th style="width:90px;">Profession</th>
<th style="width:120px;">Name</th>
<th style="width:50px;">Level</th>
<th style="width:180px;">Server</th>
</tr>
</thead>
<tbody>
<tr style="text-align:center;">
<td style="width:30px;"><span dataFld="id">loading...</span></td>
<td style="width:90px;text-align:left;">
<img dataFld="image" />
<span dataFld="party">loading...</span></td>
<td style="width:120px;"><span dataFld="name">loading...</span></td>
<td style="width:50px;"><span dataFld="level">loading...</span></td>
<td style="width:180px;"><span dataFld="server">loading...</span></td>
</tr>
</tbody>
</TABLE>
<input name="Button" type="button" onclick="gotosubmit()" value="Button" />
<div id="oDataPanel"></div>
<script type="text/javascript">
function gotosubmit(){
kk="<NewDataSet><Table1><id>1</id><name>SilentHawkEye</name><party>Tamer</party><level>75</level><image>image/billboard/p_tamer.gif</image><server>Light in Darkness</server></Table1><Table1><id>2</id><name>belturunen</name><party>Fairy</party><level>75</level><image>image/billboard/p_fairy.gif</image><server>Light in Darkness</server></Table1><Table1><id>3</id><name>Dain</name><party>Monk</party><level>75</level><image>image/billboard/p_monk.gif</image><server>Light in Darkness</server></Table1></NewDataSet>";
document.getElementById("oDataPanel").innerHTML = '<xml id="xmlData">'+ kk +'</xml>';
alert(document.getElementById("oDataPanel").innerHTML);
}
</script>
</body>
</html>
现在我直接把那个image换一下也不行了 只能复制3楼代码
太神奇鸟
Help~~~~
其实是因为你使用table不规范造成的,table的元素如果在tr外边的话,对与一些浏览器就会造成莫名其妙的问题