请教一下：html页面上怎么显示动态数据

用js来 *** 作，如果完全是html不运用其它技术的话，但是能力也非常有限

如果结合其它的技术来做的话可以考虑使用AJAX

关于AJAX这个要学的就多了，慢慢学习吧

一、动态加载表格

1首先在html中为表格的添加位置设置id

即是在html的body标签内部写一个div标签表明表格要添加到此div的内部。如下

<div id="tdl"><div>

2在javascript中写添加表格的语句

若在当前html文件中，则写在<script>标签内部，如

复制代码 代码如下:

<script type="text/javascript" >

documentgetElementById("tbl")innerHTML="<table><tr><td></td></tr></table>" //此处添加的表格可根据自己需要创建

</script>

若是通过引入js文件，则在js文件（假设是testjs）中直接写如下语句

复制代码 代码如下:

documentgetElementById("tbl")innerHTML="<table><tr><td></td></tr></table>"

然后再引入自己的html文件

复制代码 代码如下:

<script type="text/javascript" src="testjs"></script>

二、 动态添加表格行

1首先在html中为表格行的添加位置设置id，此位置必须是<tbody>内部（不是特别准确，但根据我的测试就得到此结论，有其他的方法请留言，谢谢），如下

复制代码 代码如下:

<table>

<thead></thead>

<tfoot><tfoot> //tfoot与thead是与tbody配套使用，但我在写的时候，没用也可以。

<tbody id="rows"></tbody>

</table>

[\s\S ]\n

2在javascript内容中，要先创建行和单元格，再在<tbody>中添加行，如下

[code]

row=documentcreateElement("tr"); //创建行

td1=documentcreateElement("tr"); //创建单元格

td1appendChild(documentcreateTextNode("content")); //为单元格添加内容

rowappendChild(td1); //将单元格添加到行内

documentgetElementById("rows")append(row); //将行添加到<tbody>中

<script type="text/javascript">

windowonload = function(){

var body = documentgetElementsByTagName('body')[0],

a = '<a href="ahtml">link</a>',

table = '<table style="border:1px;line-height:20px;"><tr><td>column_name</td><td>column_value</td></tr><tr><td>'+a+'</td><td></td></tr></table>';

bodyinnerHTML = table;

}

</script>