时间:2021-05-25
昨天的《利用th,colgroup,col定义表格样式》中,细心点的朋友会发现加了一个“运行代码”的链接:直接点击可以运行Textarea中的内容。其实本身蓝色理想、51JS上也有相关介绍,Z-Blog官方论坛上也有类似帖子,因为自己不太喜欢改asp的内容(将来升级省得替换),所以偷了个小懒,做了一个纯JS版本的。
是否兼容FireFox,还没来得及测试。自己觉得“另存为”和“复制”功能也比较多余,这里也省略掉了。如果需要FixBug或者技术支持,欢迎给我留言^_^具体代码如下:
复制代码 代码如下:
functionRunCode(){
varele=document.getElementsByTagName("textarea");
for(vari=0;i<ele.length;i++){
with(ele[i]){
if(className!="code")continue;
varo=document.createElement("p");
vara=document.createElement("a");
varem=document.createElement("em");
o.className="runCode";
a.href="javascript:;";
a.innerHTML="运行代码";
a.onclick=function(){
varwin=window.open('',"_blank",'');
win.document.open('text/html','replace');
win.document.writeln(this.parentNode.previousSibling.value.replace(/\u00a0/gi,""));
win.document.close();
}
em.innerHTML="(提示:您可以先修改部分代码再运行)";
o.appendChild(a);
o.appendChild(em);
insertAdjacentElement("afterEnd",o);
}
}
}
目前“运行代码”功能是放在Textarea下方的,如果想放在上方,改动以下代码即可。
insertAdjacentElement("afterEnd",o);
this.parentNode.previousSibling.value
其中的replace(/\u00a0/gi,"")主要是为了将被c_function.asp文件替换的空格( )和Tab( )还原回来。使用方面当然是在所需页面onload进来即可,有多少个className为code的Textarea,就有多少个“运行代码”功能,够简单吧?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
如何在Z-Blog中运行代码(纯JS版)一文中由于FF不支持insertAdjacentElement,造成无法显示“运行代码”链接。今天Google了一下,发
z-blog默认主题的模板b_article_comment.html中 要把其格式改成如下结构,z-blog引用评论的按钮要如何写呢?:评论者评论内
Z-Blog模板类文件说明/TEMPLATE1.default.html首页显示模板,引用b_article-istop.html显示置顶文章,引用b_arti
本站是在LNMP环境下运行,参考Nginx的Z-Blog的静态配置复制代码代码如下:server{listen80;server_namezzvips.comb
很多朋友都说,z-blog进后台不显示验证码?这种情况在用z-blog程序的时候也遇到过,下面就讲讲解决Z-BLOG后台验证码不显示这个问题的详细过程。 记得