1.在页面div中创建一个空白表,可以根据需要对其进行定制。
2.创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。
3.在<TB >标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量num主要用于区分每个添加参数的唯一id。
4.获取表中的数据,以供下图参考。
5.一旦我们获得了表中的数据,我们就应该将其转换成json数据的形式。
这很简单,循环下就可以了。
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8"/>
<title>index</title>
<style type="text/css">
#div_bar td{width:80pxtext-align:center}
</style>
<script type="text/javascript">
var xeg=[]
xeg[0]={label:"首页",data:"index.html"}
xeg[1]={label:"天气",data:"mahjong.html"}
xeg[2]={label:"城市",data:"landlord.html"}
window.onload=function(){
var html="<table><tr>"
for(var i=0i<xeg.lengthi++){
html+=("<td><a href='"+xeg[i].data+"'>"+xeg[i].label+"</a></td>")
}
html+="</tr></table>"
document.getElementById("div_bar").innerHTML=html
}
</script>
</head>
<body>
<div id="div_bar"></div>
</body>
</html>