在网页中直接运行html、js代码的代码
此代码框可以用来演示html或js代码。
在下面的文本框上写上html或js代码,按代码运行即可欣赏你的大作。
代码如下:
| <p> <textarea name="p" cols="75" rows="15" id="p" onFocus="this.select()"> 可以将演示代码放在此处-------* </textarea> <br> <input name="button" type=button onclick=runcode() value="代码运行"> <script> function runcode() { code=p.value; a=window.open() a.opener=null a.document.write(code) a.document.close() } </script> </p> |
*注意:
此处粘贴的代码要将<替换成<
将>替换成>
比如<p>就成了 <p>
本页演示在IE和chrome下ok。在火狐下不起作用,但将上面框中的代码另存为htm在火狐下测试并没有问题。
下面代码在IE、chrome、火狐下测试均可。
<P align=left><TEXTAREA class=fm id=code rows=12 cols=78> 可以将演示代码放在此处-------* </TEXTAREA></P> <script src="action.js" type="text/javascript" language="javascript"></script> <INPUT style="CURSOR: hand" onfocus=this.blur() onclick="runEx('code')" type=button value=运行代码> <INPUT style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code) type=button class="ubbbutton" value=复制到剪贴板 name=Submit> <INPUT style="CURSOR: hand" onfocus=this.blur() class="ubbbutton" onclick=svcode(code) type=button value=另存代码> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]<br /><p> |
//action.js 代码如下:
| //运行代码 function runEx(cod1) { cod=document.getElementById(cod1) var code=cod.value; if (code!=""){ var newwin=window.open('','',''); newwin.opener = null newwin.document.write(code); newwin.document.close(); } } //复制代码 function doCopy(ID) { if (document.all){ textRange = document.getElementById(ID).createTextRange(); textRange.execCommand("Copy"); window.status=("HouKai提示,代码复制成功!"); } else{ alert("此功能只能在IE上有效") } } //复制文本域代码 function cycode(obj) { var rng = document.body.createTextRange(); rng.moveToElementText(obj); rng.scrollIntoView(); rng.select(); rng.execCommand("Copy"); window.status="高亮度包含的代码已被复制到剪贴板!" setTimeout("window.status=''",1800) rng.collapse(false); } //另存代码 function svcode(obj) { var winname = window.open('', '_blank', 'top=10000'); winname.document.open('text/html', 'replace'); winname.document.writeln(obj.value); winname.document.execCommand('saveas','','houkai.htm'); winname.close(); } |
复制功能只IE下有效。
本文永久链接
http://www.houkai.com/?p=369004
转载注明来自
HOUKAI.COM
没运行出来~~
每次都要放吗?做个插件可以不
值得收藏
这个很好玩啊!
这个不错,可以在自己的网站上应用起来
路过,看个热闹
这个不错啊
呵呵,还是建个独立的页面好。支持下ad
域名牺牲了。用回http://cat9999blog.appspot.com
不行啊,在firefox下
@Qing
是呀 奇怪了 可以在 ie和chrome下使用。
没出来什么东西~
很好很强大 过来顶一下
GAE最近好慢啊。
很不错的东西,用的着啊
坐等houkai新博文:)
刚查了一下我的网站,最近有点效果。不知道下次更新PR会不会上升。现在是PR1
Alexa排名信息 - [查看更多Alexa排名信息]
真是厉害啊
真不错 收藏了!
有什么特俗的用途吗?有些特效代码的网站有这个功能哦!
博主你好,博赚恋吧 l-ba.cn 域名已经更换为www.bzlba.com请博主更换一下
上面上面的人说话好浪漫哦
这个不错嘎嘎
博主是湖北长阳人不?呵呵,houkai,我室友的一个好朋友也叫这个名字,不知道是不是巧合:)
这个功能在.chm文件中见到过。
我把玛丽拿过去了……
@TaoGOGO
呵呵 看谁跑的快
我走到哪里,都把那里的好东西搬走……
不错看的很好。
很不错。很好用....
不知道可不可以放在一张页面啊,不然怎么哦
有点不会用哦,杯具