您好,欢迎来到二三四教育网。
搜索
您的当前位置:首页javascript for jquery 简易模拟模板引擎

javascript for jquery 简易模拟模板引擎

来源:二三四教育网

效果图:(随便找了张美女图片- -)


Paste_Image.png
  <div id="app"></div>

  <script id="tpl" type="text/template">
    <h1>{{name}}</h1>
    <p>{{ age }}</p>
    <img src="{{img}}" alt="{{ alt }}" width="300">
  </script>

  <script 
  <script>
    (function($) {

      var tmp = '';
      var template = $.trim($('#tpl').html());
      tmp = template.replace(/{{(|\s)name(|\s)}}/, 'zhangsan')
                    .replace(/{{(|\s)age(|\s)}}/, 23)
                    .replace(/{{(|\s)img(|\s)}}/, 
                    .replace(/{{(|\s)alt(|\s)}}/, '美女图片');
      $('#app').append(tmp);
      console.log(template);

    })(jQuery);
  </script>

Copyright © 2019- how234.cn 版权所有 赣ICP备2023008801号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务