在网页中直接运行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>

*注意:

此处粘贴的代码要将<替换成&lt;

将>替换成&gt;

比如<p>就成了 &lt;p&gt;

本页演示在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 分享家:Addthis中国

Ubuntu10.04窗口风格改为windows风格的方法(最小化、最大化、关闭按钮右对齐)»

«【资源分享】清华大学计算机系网络课程




最新文章

您可能会喜欢

本文共有34评论

  1. 没运行出来~~

  2. 大笑貌似不错的说……哈哈

  3. 每次都要放吗?做个插件可以不

  4. 这个很好玩啊!欢呼

  5. 这个不错,可以在自己的网站上应用起来

  6. 路过,看个热闹

  7. 呵呵,还是建个独立的页面好。支持下ad

  8. 域名牺牲了。用回http://cat9999blog.appspot.com

  9. 不行啊,在firefox下

  10. @Qing
    是呀  奇怪了 可以在 ie和chrome下使用。

  11. 没出来什么东西~

  12. 很好很强大  过来顶一下

  13. GAE最近好慢啊。

  14. 很不错的东西,用的着啊

  15. 坐等houkai新博文:)
    刚查了一下我的网站,最近有点效果。不知道下次更新PR会不会上升。现在是PR1
    Alexa排名信息 -  [查看更多Alexa排名信息]

    当日排名 一周平均排名 一月平均排名 三月平均排名 排名变化趋势
    2743024 7300448 14002851
    流量统计 当日数据 一周平均 一月平均 三月平均
    日独立IP: - ≈420 ≈90 ≈30
    日均 PV 浏览量: - ≈420 ≈90 ≈30

  16. 真是厉害啊

  17. 真不错 收藏了!

  18. 有什么特俗的用途吗?有些特效代码的网站有这个功能哦!

  19. 博主你好,博赚恋吧 l-ba.cn 域名已经更换为www.bzlba.com请博主更换一下

  20. 上面上面的人说话好浪漫哦

  21. 这个不错嘎嘎

  22. 博主是湖北长阳人不?呵呵,houkai,我室友的一个好朋友也叫这个名字,不知道是不是巧合:)

  23. 这个功能在.chm文件中见到过。

  24. 我把玛丽拿过去了……大笑

  25. @TaoGOGO
    呵呵 看谁跑的快 开玩笑

  26. 我走到哪里,都把那里的好东西搬走……

  27. 不错看的很好。

  28. 很不错。很好用....

  29. 不知道可不可以放在一张页面啊,不然怎么哦

  30. 有点不会用哦,杯具

 

现在评论本文

7+10