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>

  • 相关阅读:
    Nginx配置文件说明
    http服务区域组网的一种方法
    InetAddress.getLocalHost()返回ip 地址异常听问题
    #!/bin/bash(转)
    ThreadPoolExecutor运转机制详解(转)
    memcache 入门学习资料
    Too many open files 异常
    Java并发编程之ConcurrentHashMap
    Java NIO 选择器(Selector)的内部实现(poll epoll)
    Python 的sub和replace的区别
  • 原文地址:https://www.cnblogs.com/shangjun6/p/10397505.html
Copyright © 2011-2022 走看看