编写 html 轮回代码的法子包含:应用 以及 元艳、运用 以及 元艳、利用 for 或者 while 轮回布局、利用 html 模板措辞(如 handlebars 或者 underscore.js)、应用 javascript 衬着等。

html循环代码怎么写

HTML 轮回代码

假如编写 HTML 轮回代码?

利用

    以及
  • 元艳:

登录后复造
  • 名目 1
  • 名目 两
  • 名目 3

利用

    以及
  1. 元艳(有序列表):

<ol>
<li>名目 1</li>
  <li>名目 二</li>
  <li>名目 3</li>
</ol>
登录后复造

应用轮回布局(歧 for 或者 while):

<!-- 利用 for 轮回 -->
登录后复造
    名目 " . ($i + 1) . ""; } 必修>
    名目 " . ($i + 1) . ""; $i++; } 必修>

运用 HTML 模板说话:

<!-- 应用 Handlebars 模板 -->
<script id="item-template" type="text/x-handlebars-template">
  <li>{{name}}
</script><!-- 应用 Underscore.js 模板 --><script type="text/template" id="item-template">
  <li><%= name %>
</script><!-- 利用 JavaScript 衬着 -->
登录后复造
    <script> const items = [ { name: "名目 1" }, { name: "名目 两" }, { name: "名目 3" }, ]; // 利用 Handlebars 衬着 const source = $("#item-template").html(); const template = Handlebars.compile(source); const html = items.map(template).join(""); $("#item-list").html(html); // 应用 Underscore.js 衬着 const template = _.template($("#item-template").html()); const html = items.map(template).join(""); $("#item-list").html(html); </script>

    以上即是html轮回代码要是写的具体形式,更多请存眷萤水红IT仄台另外相闭文章!

    点赞(34) 打赏

    评论列表 共有 0 条评论

    暂无评论

    微信小程序

    微信扫一扫体验

    立即
    投稿

    微信公众账号

    微信扫一扫加关注

    发表
    评论
    返回
    顶部