怎样把js变量里边的数值 放到表格里在网页中显示出来

怎样把js变量里边的数值 放到表格里在网页中显示出来,第1张

使用documentwrite输出即可,例如:

<td><script language=javascript>documentwrite(name);</script></td>

<td><script language=javascript>documentwrite(age);</script></td>

<html>

<head>

<title>表格显示数据表记录</title>

</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实现动态添加表格数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10205059.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存