1. 首页 > 电脑教程 > javascript模板系统ejsv6功能改进

javascript模板系统ejsv6功能改进

此版本有如下改进:吸取众人的意见,防止与ASP等后台模板的界定符冲突,默认左右界定符为<&,&> 加入新的操作符<&~,至此整个操作符体系为:

<& JS逻辑 &><& for(var i=0,tl = @trs.length,tr;i < tl;i++){ &>
<& JS输出内容 &><&= tr.name &>
<&# 这是注释 &><&# 导入子模板 &>
<&: CSS选择符 &><&: tds_tmpl &>
<&~ URL地址 &><&~ /aaa/bbb.html &>
为了迎合大规模开发的需要,后台数据统统增加@标识,一来便于修改,二来内部实现抛弃了with语句,强行让它们依附于data对象,让我们可以使用||设置默认值。//http://www.cnblogs.com/rubylouvre/archive/2010/10/04/1841933.html ;(function(){ this.dom = { quote : String.quote || function (str) { str = str.replace(/[\x00-\x1f\\]/g, function (chr) { var special = metaObject[chr]; return special ? special : '\\u' + ('0000'+chr.charCodeAt(0).toString(16)).slice(-4); }); return '"' + str.replace(/"/g, '\\"') + '"'; } } if(!String.prototype.trim){ String.prototype.trim = function(){ return this.replace(/^[\s\xa0]+|[\s\xa0]+$/g, ''); } } ;(function(w,s){ //http://blogs.msdn.com/xmlteam/archive/2006/10/23/using-the-right-version-of-msxml-in-internet-explorer.aspx s = ["XMLHttpRequest", "ActiveXObject('Msxml2.XMLHTTP.6.0')", "ActiveXObject('Msxml2.XMLHTTP.3.0')", "ActiveXObject('Msxml2.XMLHTTP')", "ActiveXObject('Microsoft.XMLHTTP')"]; //IE专有的JScript方法:ScriptEngine,ScriptEngineBuildVersion,ScriptEngineMajorVersion,ScriptEngineMinorVersion,CollectGarbage,RuntimeObject和GetObject。 if( !-[1,] && w.ScriptEngineMinorVersion() === 7 && location.protocol === "file:"){ s.shift(); } for(var i = 0 ,el;el=s[i++];){ try{ if(eval("new "+el)){ dom.xhr = new Function( "return new "+el); break; } }catch(e){} } })(window); var metaObject = { '\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '\\': '\\\\' }, _startOfHTML = "\t__views.push(", _endOfHTML = ");\n", _rAt = /(^|[^\w\u00c0-\uFFFF_])(@)(?=\w)/g, _partial = function(url){ var xhr = dom.xhr(); xhr.open("GET",url,false); xhr.setRequestHeader("If-Modified-Since","0"); xhr.send(null); return xhr.responseText|| "" } dom.ejs = function(obj,usePart){ if(!usePart){//如果普通模板,则要整理配置文件 obj.left = obj.left || "<&"; obj.right = obj.right || "&>"; obj.rLeft = obj.rLeft || new RegExp("\\s*"+ obj.left+"\\s*"); obj.rRight = obj.rRight || new RegExp("\\s*"+ obj.right+"\\s*"); } var key = obj.selector || obj.url, rAt = _rAt, startOfHTML = _startOfHTML, endOfHTML = _endOfHTML, partial = _partial, self = arguments.callee, buff = ["var __views = [];\n"],str,logic; if(obj.selector){ var el = document.getElementById(key); if (!el) throw "can not find the target element"; str = el.text; }else { str = partial(obj.url); if (!str) throw "the target file does not exist"; } if(!self[key]){ var arr = str.trim().split(obj.rLeft),temp = [],url,selector,i=0,n=arr.length,els,segment; while(ijavascript 模板系统 ejs v6 by 司徒正美

dom.ejs v6 by 司徒正美

声明:希维路由器教程网提供的内容,仅供网友学习交流,如有侵权请与我们联系删除,谢谢。ihuangque@qq.com
本文地址:https://www.ctrlcv.com.cn/diannao/169323485610732.html