(原创)html模板语法简单的实现

PROMULGATOR

君が好きで?てられない

北京市

← jQuery手风琴切换图片

→ js文字无限循环向上滚动轮播

相关代码

(原创)html模板语法简单的实现

原生javript绘画板

html模板语法简单的实现(更新)

原生js轮播图代码(原创)

利用模板及正则解决js拼接html代码问题

聊天模板(原创)

简单的vue替换模板

Html

Css

Js


    ${ var self = this; window.setInterval(function(){ (self.SelfHTMLElement).innerHTML = new Date(); },1000); }

window.globel = {};

function getfn(sfn, SelfHTMLElement) {
      var cglobel = {
              SelfHTMLElement: SelfHTMLElement
          },
          Sreturn;
      for (var i in (window.globel))
          cglobel[i] = window.globel[i];
      console.log(cglobel)
      try {
          Sreturn = new Function(sfn).bind(cglobel);
      } catch (error) {
          Sreturn = 'Error(\'' + error + '\')';
      }
      return Sreturn;
  }

function running(tab) {
      tab.innerHTML = tab.innerHTML.replace(/\$\{(.*?)\}$/gms, function(event) {
          var fn = getfn(event.replace(/\$\{(.*?)\}$/gms, '$1'), tab),
              rbreak;
          if (typeof fn === 'function')
              rbreak = fn() || '';
          else
              rbreak = fn;
          return rbreak;
      });
  }

function runningArray(tabArr) {
      for (var i = 0; i < tabArr.length; i++)
          running(tabArr[i]);
  }
  var h = document.head;
  var b = document.body;
  runningArray(document.querySelectorAll('.module'));

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

(原创)html模板语法简单的实现



代码描述：html模板语法，简单的实现，利用了正则表达式匹配，然后用Function将其封装为函数，并更改指针调用

更新时间：2019-12-30 09:23:42
只需要以${(.*?)}语法在指定class的html标签内放入就可使用

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

取消回复

<!doctype html> <html> <head> <meta charset="utf-8"> <title>(原创)html模板语法简单的实现-jq22.com</title> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> </style> </head> <body> <script> </script> </body> </html>

2012-2021 jQuery插件库版权所有

jquery插件| jq22工具库| 网页技术| 广告合作| 在线反馈| 版权声明
沪ICP备13043785号-1 浙公网安备 33041102000314号