zoukankan      html  css  js  c++  java
  • 将数据渲染到页面的方式:模版

      模板中所列举的命名,都是下面的案例的命名,大家可看具体信息

      1.模板写法应注意的3个地方 

      

        1.申明的膜版类型:type="text/template";

        2.js代码应写在<%  js代码  %>    里面;html里面的内容该怎么写,怎么写;

        3.js读取值的时候在  <%= date %>      等号左边不能有空格;

      2.模板使用的3部曲;

      1.获取模板的内容;    var temp=document.getElementById("temp").innerHtml;              其中innerHTML为重点

      2.将模板添加到数据:var html=_.template(temp);    由于是underscore.js所以需要注意这一步:     var ss=html({date:arr})

      3.将模板插入到指定元素下:document.getElementById("div").innerHtml=ss;

      Underscore模板案例:    

      <!DOCTYPE html>
      <html>
      <head>
        <meta charset="UTF-8">
        <title></title>
        
      </head>
      <body>
        <div id="div">

        </div>
      </body>
      </html>
      <script src="underscore.js"></script>
      <script type="text/template" id="temp">
        <% for(var i=0;i<date.length;i++){ %>
          <div>
            <%= date[i] %>
          </div>
        <% } %>
      </script>
      <script>
        var div=document.getElementById("div");
        var temp=document.getElementById("temp").innerHTML;
        var arr=[10,20,30,40];
        var html=_.template(temp)
        var ss=html({date:arr});
        div.innerHTML=ss;
      </script>

  • 相关阅读:
    linux系统常用命令
    oracle resetlog与noresetlog的作用(转载)
    RMAN备份之非归档模式下的备份
    查看oracle锁及解决办法
    夫夷以近,则游者众,险以远,则至者少!
    (转)一个10年程序员职业发展、总结和困境
    在myeclipse中写sql语句的细节问题
    myeclipse查询mysql出来的汉字是乱码
    如何将DB2的数据库转换到mySQL中?
    笔记本建立wifi热点的实用详细步骤
  • 原文地址:https://www.cnblogs.com/shangjun6/p/10397505.html
Copyright © 2011-2022 走看看