比如房间信息从数据库里取出来,放到一个div模板里,根据数据库记录条数,循环输出div
http://blog.csdn.net/yushuanggui/article/details/18364175
//把数据传到前台后,挨个在div中输出,我下面模拟了一下,贴到html文件中,浏览器中查看
<html>
<meta charset="utf-8"/>
<body>
</body>
<script>
//假设从数据库取出来的数据列表为 :
var roomList=[
{rnum:'1001',floor:'1楼',areas:'100平'},
{rnum:'2001',floor:'2楼',areas:'150平'},
{rnum:'3001',floor:'3楼',areas:'200平'},
{rnum:'4001',floor:'4楼',areas:'300平'}
];
createDiv();
//创建div,挨个输出
function createDiv(){
for(var i=0;i<roomList.length;i++){
alert("输出第"+(i+1)+"个div");
var div = document.createElement("div");//创建div
div.id="div"+i;//赋id标识
var style = document.createAttribute("style"); //为div创建并添加样式
div.setAttributeNode(style);
div.style.backgroundColor = "pink";
div.style.width = "500px";
div.style.height = "50px";
div.style.border = "2px solid gray";
document.body.appendChild(div);
//为div赋房间文本信息值
var roomInfo="房间号: "+roomList[i].rnum+"; 楼层: "+
roomList[i].floor+"; 面积: "+roomList[i].areas;
document.getElementById('div'+i).innerHTML=roomInfo;
}
}
</script>
</html>
<%
while not rs.EOF
%>
<tr>
<td>
<%=rs("field1")%>
</td>
<td>
<%=rs("field2")%>
</td>
<td>
<%=rs("field3")%>
</td>
<td>
<%=rs("field4")%>
</td>
</tr>
<%
rs.MoveNext
wend
%>
rs代表你从数据库中读取的记录集
rs("fieldX")代表数据库的列