多个表在 html 模板中使用循环,不带或带 javascript,与 e 相同的所有内容创建此表
Posted
技术标签:
【中文标题】多个表在 html 模板中使用循环,不带或带 javascript,与 e 相同的所有内容创建此表【英文标题】:Mutiple tables using loop in html template without or with javascript with same with everything same as e created this table 【发布时间】:2020-08-18 10:00:12 【问题描述】:<html>
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<table class="table table-sm">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</body>
</html>
这是我正在使用的表,我想在没有 javascript 的 html 代码中使用 for 循环创建相同的多个表,并且我在我的 html 代码中使用引导程序 任何人都可以帮助我如何做到这一点
【问题讨论】:
我并没有真正了解您想要实现的目标,但如果目标是基于某些数据结构创建 动态 表行,则无法通过以下方式实现仅 HTML... 你不能在没有 javascript 的情况下为 HTML 内部做一个循环,因为你需要改变 DOM 所以 HTML 不提供这个选项 我的意思是我有这张表,我想要 n 个这样的表和一些动态数据,那么如何才能做到这一点。 如果使用javascript,那么如何创建这样的同一张表 【参考方案1】:首先,您的 HTML 中缺少一些内容。您打开一个<head>
标签,但用</body>
标签关闭它,这是没有意义的。你需要一个结束的 head 标签和一个开始的 body 标签。
HTML 是一种标记语言。这意味着它只描述网页的外观,HTML 中没有 for 循环。
因此,您需要使用不同的语言来显示带有循环的表格。 Javascript 可以在客户端(如果您使用的是 node.js,则可以在服务器端)进行,而像 C#.Net 或 php 这样的语言可以在服务器端进行。
【讨论】:
以上是关于多个表在 html 模板中使用循环,不带或带 javascript,与 e 相同的所有内容创建此表的主要内容,如果未能解决你的问题,请参考以下文章
使用 APNS(带或不带 AWS SNS)实时更新聊天应用程序?