javascript - .ejs 中标签的奇怪行为我的 .ejs 文件中有以下代码。
<div id="result_listings">
<script>
var inHTML = '<table style="border: 1px solid black">';
var results = <%- JSON.str
问题描述
我的 .ejs 文件中有以下代码。
<div id="result_listings">
<script>
var inHTML = '<table style="border: 1px solid black">';
var results = <%- JSON.stringify(listings) %>;
inHTML += '<tr style="border: 1px solid black">';
inHTML += "<th>file</th>";
inHTML += "<th>count</th>";
inHTML += "</tr>";
results.forEach(function(item, index){
inHTML += '<tr style="border: 1px solid black>';
inHTML += "<td>" + index + "</td>";
inHTML += "<td>" + item.file + "</td>";
inHTML += "<td>" + item.occurances + "</td>";
inHTML += "</tr>";
})
inHTML += "<table>";
document.getElementById("result_listings").innerHTML = inHTML;
</script>
</div>
如果results
数组有 5 个项目,尽管 forEach 循环遍历所有 5 个项目,但是,在呈现的页面上,只能看到备用索引处的内容(即本例中的 1 和 3)。不知何故,我能够通过替换来解决这个问题inHTML += '<tr style="border: 1px solid black>';
,inHTML += '<tr>';
但为什么会发生这个问题?
我是 HTML/.ejs 的新手,所以我对此的理解较少。有人可以解释为什么会观察到这种行为吗?
你可以添加一个
"08:05:33".replaceAll(":", "")
解决方案
推荐阅读
- java - int变量问题的原因是什么?
- javascript - 如何在 Nodejs 中保留内部 {} 的同时展平 JSON 嵌套对象?
- c# - 由于 clear 不起作用,如何清除数组上的元素?
- javascript - 纯 JavaScript 更改 url 循环
- python - 尝试上传文件时出现 MultiValueDictKeyError/打印时没有控制台输出
- javascript - 从 MySQL 查询中获取数据以在 nodejs 中使用
- c# - C# 是否支持通过属性自动自定义序列化/反序列化?
- django - Django:使用权限的模板中没有很好地应用逻辑(perm
- powershell - powershell活动目录excel报告
- jquery - JsTree使用带参数的ajax加载所有数据
我的 .ejs 文件中有以下代码。
<div id="result_listings">
<script>
var inHTML = '<table style="border: 1px solid black">';
var results = <%- JSON.str
问题描述
我的 .ejs 文件中有以下代码。
<div id="result_listings">
<script>
var inHTML = '<table style="border: 1px solid black">';
var results = <%- JSON.stringify(listings) %>;
inHTML += '<tr style="border: 1px solid black">';
inHTML += "<th>file</th>";
inHTML += "<th>count</th>";
inHTML += "</tr>";
results.forEach(function(item, index){
inHTML += '<tr style="border: 1px solid black>';
inHTML += "<td>" + index + "</td>";
inHTML += "<td>" + item.file + "</td>";
inHTML += "<td>" + item.occurances + "</td>";
inHTML += "</tr>";
})
inHTML += "<table>";
document.getElementById("result_listings").innerHTML = inHTML;
</script>
</div>
如果results
数组有 5 个项目,尽管 forEach 循环遍历所有 5 个项目,但是,在呈现的页面上,只能看到备用索引处的内容(即本例中的 1 和 3)。不知何故,我能够通过替换来解决这个问题inHTML += '<tr style="border: 1px solid black>';
,inHTML += '<tr>';
但为什么会发生这个问题?
我是 HTML/.ejs 的新手,所以我对此的理解较少。有人可以解释为什么会观察到这种行为吗?
你可以添加一个
"08:05:33".replaceAll(":", "")