使用documentwrite输出即可,例如:
<td><script language=javascript>documentwrite(name);</script></td>
<td><script language=javascript>documentwrite(age);</script></td>
<html>
<head>
</head>
<body>
<h2>表格显示数据表记录</h2>
<hr>
<script language="JavaScript">
// 建立数据库对象
var objdbConn = new ActiveXObject("ADODBConnection");
// DSN字符串
var strdsn = "DRIVER={Microsoft Access Driver (mdb)}; DBQ=F:\\ZNZ资料\\检查课件\\javascript课件\\CH12\\Booksmdb";
// 打开数据来源
objdbConnOpen(strdsn);
// 执行SQL的数据库查询
var objrs = objdbConnExecute("SELECT FROM Book");
// 获取区域数目
var fdCount = objrsFieldsCount - 1;
// 检查是否有记录
if (!objrsEOF){
documentwrite("<table border=1><tr>");
// 显示数据库的区域名称
for (var i=0; i <= fdCount; i++)
documentwrite("<td><b>" + objrsFields(i)Name + "</b></td>");
documentwrite("</tr>");
// 显示数据库内容
while (!objrsEOF){
documentwrite("<tr>");
// 显示每笔记录的区域
for (i=0; i <= fdCount; i++)
documentwrite("<td valign='top'>" + objrsFields(i)Value + "</td>");
documentwrite("</tr>");
objrsmoveNext(); // 移到下一笔记录
}
documentwrite("</table>");
}
else
documentwrite("数据库内没有记录!<br>");
objrsClose(); // 关闭记录集合
objdbConnClose(); // 关闭数据库链接
</script>
</body>
</html>
1、在页面div中事先创建一个空白表格,可以根据需求而定。
2、表格创建好后,我们就可以写动态生成表格的关键代码了。我们写一个js方法供触发使用。
3、在<tb>标签中我们添加了<input>标签,主要是用来提供用户输入参数, 而全局变量num,主要是用来区分每一个添加的参数的id的唯一性而存在的。
4、获得表格中的数据。
5、拿到表格中的数据后,我们根据它值的形式把它转换成json格式的数据。
如果数据不多,可以在页面加载的时候将所有数据组织好,右边用多个DIV隐藏,当点击左边相应类别时,用JS将右边相应DIV显示即可;也可以用JS object组织好数据,右边只用一个DIV,点击左边类别时使用JS动态组织DIV的显示内容。
如果数据较多,右边就只用一个DIV,当点击左边类别时,用AJAX将相应类别的内容加载显示在DIV中。
以上就是关于怎样把js变量里边的数值 放到表格里在网页中显示出来全部的内容,包括:怎样把js变量里边的数值 放到表格里在网页中显示出来、如何用JavaScript实现查询数据库之后的记录、用js实现动态添加表格数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)