zoukankan      html  css  js  c++  java
  • <script type="text/x-template"> 模板

    获取动态的js模板可以用插件

    <script type="text/template">

    给<script>设置type="text/template",标签里面的内容不会被执行,也不会显示在页面上,但是可以在另一个script里面通过获取,然后再通过相关的模板工具进行处理,插入到页面中。这样就把大段的HTML操作从js里面分离开了

    <div></div>

    <script type="text/template" id="javascript_template">

    <div onclick="_dom()">

        <ul id="wrap">

            <li>1</li>

            <li>2</li>

            <li>3</li>

            <li>4</li>

        </ul>

    </div>

    </script>

    1.首先这种写,在页面渲染的时候,浏览器不会读取script标签中的html代码

    2.外面不能获取到里面的div节点

    所以: 

           在使用时,要在script标签上加个ID可以供我们找到它,

           即然做模版用,且里面的html代码不会被渲染读取,则需在外面再新建一个div来当容器,装下这些html代码,

           即我们可以通过 
                                 var _html=document.getElementById('javascript_template').innerHTML;

                                 document.getElementsByTagName('div')[0].innerHTML=_html;

          然后我们模版里的htmll代码就可以运行在页面中了;

    如果遇到html代码加入外部div后,获取不到节点的情况,可以在外部写个函数,然后在html内部用行内调用 onclick="_dom()"

    function _dom() {

                            document.getElementById('wrap')

                          }

  • 相关阅读:
    第一天 学习绪论
    我的java学习道路
    windows2003 iis+dedecms 4.0701版本,登录后台显示空白
    iis+php+mysql
    net 连mysql奇怪问题
    Windows 2008安装SQL 2008图解
    注册码
    [VS2013]如何闪开安装VS2013必须要有安装IE10的限制
    net SqlBulkCopy拷贝数据的问题
    Android应用与系统安全防御
  • 原文地址:https://www.cnblogs.com/lichihua/p/8375989.html
Copyright © 2011-2022 走看看