手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >纯js实现的论坛常用的运行代码的效果
纯js实现的论坛常用的运行代码的效果
摘要:用的时候把runcode.js放到网站目录,在需要运行代码的效果的地方放如下的代码复制代码代码如下:{1}提示:您可以先修改部分代码再运行就...

用的时候把runcode.js放到网站目录,在需要运行代码的效果的地方放如下的代码

复制代码 代码如下:

<divstyle="margin-top:1em;margin-bottom:1em"><divstyle="display:none">{1}</div><textarearows="12"cols="95"style='font-family:"CourierNew",Courier,monospace;'></textarea><scriptsrc="runcode.js"></script><br/><inputtype="button"value="运行代码"style="border-left:1pxsolid#B1B4CD;border-right:1pxsolid#494D74;border-top:1pxsolid#B1B4CD;;border-bottom:1pxsolid#494D74;background:#696D81;color:#FFFFFF;"onclick="runCode(this)"><inputtype="button"style="border-left:1pxsolid#B1B4CD;border-right:1pxsolid#494D74;border-top:1pxsolid#B1B4CD;;border-bottom:1pxsolid#494D74;background:#696D81;color:#FFFFFF;"value="复制代码"onclick="copycode(this)"><inputtype="button"style="border-left:1pxsolid#B1B4CD;border-right:1pxsolid#494D74;border-top:1pxsolid#B1B4CD;;border-bottom:1pxsolid#494D74;background:#696D81;color:#FFFFFF;"value="另存代码"onclick="saveCode(this)"><inputtype="button"style="border-left:1pxsolid#B1B4CD;border-right:1pxsolid#494D74;border-top:1pxsolid#B1B4CD;;border-bottom:1pxsolid#494D74;background:#696D81;color:#FFFFFF;"value="还原代码"onclick="preCode(this)">提示:您可以先修改部分代码再运行</div>

就可以了。

runcode.js文件

复制代码 代码如下:

//ScriptsruncodeforBBSver2008-06-30,byBound0(bound0@veryhman.com)

//Firstpublishedathttp://bbs.blueidea.com

//Anexample:http://bbs.veryhman.com/showtopic-20094.aspx

functionrunCode(which){

varp=which.parentNode;

varos=p.getElementsByTagName("textarea");

if(os.length==0)return;

varo=os[0];

varwinname=window.open('',"_blank",'');

winname.document.open('text/html','replace');

winname.opener=null;

winname.document.write(o.value);

winname.document.close();

}

functionsaveCode(which){

varp=which.parentNode;

varos=p.getElementsByTagName("textarea");

if(os.length==0)return;

varo=os[0];

varwinname=window.open('','_blank','top=10000');

winname.document.open('text/html','replace');

winname.document.write(o.value);

winname.document.execCommand('saveas','','code.htm');

winname.close();

}

functioncopycode(which){

varp=which.parentNode;

varos=p.getElementsByTagName("textarea");

if(os.length==0)return;

varo=os[0];

varis_ie=(userAgent.indexOf('msie')!=-1&&!is_opera)&&userAgent.substr(userAgent.indexOf('msie')+5,3);

if(is_ie&&o.style.display!='none'){

varrng=document.body.createTextRange();

rng.moveToElementText(o);

rng.scrollIntoView();

rng.select();

rng.execCommand("Copy");

rng.collapse(false);

}

}

functiontext(e)

{

vart="";

e=e.childNodes||e;

for(varj=0;j<e.length;j++)

{

if(e[j].nodeType!=1){t+=e[j].nodeValue}

else

{

vark=e[j].nodeName;

if(k=='BR'||k=='P'){t+='rn'}

t+=text(e[j].childNodes)

}

}

returnt;

}

functionpreCode(which){

varp=which.parentNode;

varos=p.getElementsByTagName("textarea");

if(os.length==0)return;

varo=os[0];

varosv=p.getElementsByTagName("div");

if(osv.length==0)return;

varov=osv[0];

varc=''

if(typeof(ov.innerText)!="undefined"){c=ov.innerText}else{c=text(ov)}

o.value=c

}

(function(){vars=document.getElementsByTagName("script");preCode(s[s.length-1])})()

【纯js实现的论坛常用的运行代码的效果】相关文章:

js实现精美的图片跟随鼠标效果实例

javascript实现树形菜单的方法

JS+DIV实现鼠标划过切换层效果的方法

js实现异步循环实现代码

JS+CSS实现的拖动分页效果实例

javascript实现简单的进度条

js实现顶部可折叠的菜单工具栏效果实例

javascript实现十秒钟后注册按钮可点击的方法

jquery实现的判断倒计时是否结束代码

js实现字符串转日期格式的方法

精品推荐
分类导航