• script "text/template"


    <script type="text/template" id="orgItem">
        <div class="{orgClass}">
            <div class="org-item {hasorg}" data-orgid="{orgid}">
                <i class="ico ico-orgzk"></i>
                <div class="org-item-bd">{name}</div>
            </div>
            <div class="org-item-ft"></div>
        </div>
    </script>

    存放一个模板 在JS中,经常需要使用JS往页面中插入HMTL内容.比如: var number=123; $('#id').appedn('<div class="item">'+number+'</div>');

    如果HTML内容很短还好说,但是当遇到像上面这样的大段的HTML内容时, 直接用字符串存储就会很困难,不光要处理单引号,还需要很多“+”来链接 一个个字符串,十分不方便

    如果给<script>设置type="text/template",标签里面的内容就不会被执行, 也不会被显示在页面上,但是可以在另一个script里面通过获取和相关的模板 工具进行处理,插入到页面中。

    这样就把大段的HTML操作从JS中分离开了

  • 相关阅读:
    CopyOnWriteArrayList
    Herriot
    Prefix tree
    hadoop 测试框架
    Hadoop RPC
    OpenCV2马拉松第2圈——读写图片
    LCD深度剖析
    SharePoint 改动passwordWeb Part部署方案
    android小游戏模版—重力感应
    CSS(层叠样式表)基础知识
  • 原文地址:https://www.cnblogs.com/liaojie970/p/5822552.html
Copyright © 2020-2023  润新知