问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

在 html 中创建 javascript 循环

社区维基
1
新手上路，请多包涵

我想在 html 中创建一个 javascript 循环，如下所示：

 ( if (var i=0; i<10; i++) { )  //<-- JAVASCRIPT

//HTML

( } ) //<-- JAVASCRIPT

我尝试使用 <% JAVASCRIPT %> 但它对我不起作用。有谁知道谁来解决这个问题？

提前致谢。

原文由 Oscar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译javascripthtmlloopsfor-loop
阅读 246
2 个回答
得票最新
社区维基
1
✓ 已被采纳

这不是 javascript 的工作方式。这是您将使用 PHP 执行的操作。

使用 javascript，您可以将它与 html 分开运行。然后，您在 html 中创建一个元素作为包装器，以将 javascript 生成的 html 放入其中。像这样：

HTML

 <div id="myHTMLWrapper">

</div>

<script>
  var wrapper = document.getElementById("myHTMLWrapper");

  var myHTML = '<span class="test">Testing out my script!</span>';

  wrapper.innerHTML = myHTML
</script>

在此处 查看工作示例

抱歉，我顺便跳过了 for 循环。让我用这个更新修复它……你可以这样做，你看：

 <script>
  var wrapper = document.getElementById("myHTMLWrapper");

  var myHTML = '';

  for (var i = 0; i < 10; i++) {
    myHTML += '<span class="test">Testing out my script! loop #' + (i + 1) + '</span><br/><br/>';
  }

  wrapper.innerHTML = myHTML

</script>

原文由 NoobishPro 发布，翻译遵循 CC BY-SA 3.0 许可协议

社区维基
1

for 循环是控制流，因此不能插入到静态上下文中。尝试映射它，例如

`<html>` + data.map(function(a) { return `<div>${a}</div>` }).join('') + `</html>`

原文由 just another profile name 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题