位置：首页>> 网络编程>> JavaScript>> JavaScript解释型模版

JavaScript解释型模版

作者：cosin　来源：51js　发布时间：2009-10-19 23:12:00　

标签：JavaScript,正则,解释型,模板

因为正则不够完善，所以代码中不能直接出现 <? 和 ?>

如果是字符串，可以拆开写 "<" + "?"

如果是正则的一部分，可以用转义符：/\?>/ig => /\?\>/ig

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title> 解释型模版 aspxhome.com</title></head><style type="text/css">* { font-size:9pt; font-family:"Microsoft YaHei"; }html, body { margin:0px; padding:0px; height:100％; }</style><script language="javascript">function isIE(){ //ie? if (window.navigator.userAgent.indexOf("MSIE")>=1) return true; else return false; } if(!isIE()){ //firefox innerText define HTMLElement.prototype.__defineGetter__( "innerText", function(){ return this.textContent; } ); HTMLElement.prototype.__defineSetter__( "innerText", function(sText){ this.textContent=sText; } ); }function AddCode(code){var ob = document.getElementById("code");ob.innerText += "\r\n" + code;}function AddHtml(html){var ob = document.getElementById("html");ob.innerHTML += html;}function convert(txt){var str = txt.replace(/\r/ig, "\\r");str = str.replace(/\n/ig, "\\n");return str;}function output(txt){AddHtml(txt);}function include(id){do_template(id);}function do_template(id){var template = document.getElementById(id).value;if(template == null || template == ""){//alert("template is empty!");return;}var iLen = template.length;var iCodeLen = 0;var sCode = "";var sTmp;template.replace(/((.|\r|\n)*?)\<\?((.|\r|\n)*?)\?\>/img, function(){iCodeLen += arguments[0].length;sCode += "output(\"" + convert(arguments[1]) + "\");\r\n";if(arguments[3].charAt(0) == "=")sCode += "output(" + convert(arguments[3].substr(1)) + ");\r\n";elsesCode += arguments[3] + "\n";});if(iCodeLen < iLen)sCode += "output(\"" + convert(template.substr(iCodeLen)) + "\");\r\n";AddCode("/* Template [" + id + "] Start */\r\n");AddCode(sCode);AddCode("/* Template [" + id + "] End */\r\n");eval(sCode);}</script><body><table width="100％" border="1" cellspacing="0"><tr><th width="50％">Template A</th><th width="50％">Template B</th></tr><tr><td><textarea id="TemplateA" rows="10" style="width:100％">[Template A Start]<br><? include("TemplateB"); ?>[Template A End]<br></textarea></td><td><textarea id="TemplateB" rows="10" style="width:100％">[Template B Start]<br><?for(var i=0;i<10;i++){if(i％2 == 0){output("<div style='border:1px solid red'>" + i + "</div>");}else{?><div><?=i?></div><?}}?>[Template B End]<br></textarea></td></tr><tr><td colspan="2" align="center"><input type="button" value="Do Template" onclick="include('TemplateA')"/></td></tr><tr><th width="50％">Template Code</th><th width="50％">Template Html</th></tr><tr><td id="code" valign="top"></td><td id="html" valign="top"></td></tr></table></body></html>

投稿

JavaScript解释型模版

猜你喜欢