JavaScript解释型模版

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

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

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

如果是正则的一部分，可以用转义符：/\?>/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,正则,解释型,模板

投稿

JavaScript解释型模版

猜你喜欢

使用SQL语句去掉重复的记录【两种方法】

python中的sys模块和os模块

python 字典修改键(key)的几种方法

Django中Middleware中的函数详解

关于Mysql中current_time/current_date()与now()区别

Python socket聊天脚本代码实例

如何将 awk 脚本移植到 Python

pytest解读fixtures之Teardown处理yield和addfinalizer方案

php集成环境xampp中apache无法启动问题解决方案

解读ASP.NET 5 & MVC6系列教程（9）：日志框架

Python venv虚拟环境跨设备迁移的实现

删除pycharm鼠标右键快捷键打开项目的操作

如何理解python中数字列表

mysql5在rhel5下乱码问题及解决方法

对python 通过ssh访问数据库的实例详解

Python threading中lock的使用详解

PHP类的特性实例分析

MySQL密码忘了怎么办？MySQL重置root密码方法

Python建造者模式案例运行原理解析

mysql SELECT语句去除某个字段的重复信息