cnblogs csdn 代码运行框实现代码

 更新时间:2009年11月02日 01:57:09   作者:  
大家用cnblogs,csdn博客发布技术文档的时候,可以用下面的代码实现运行功能。当然大家看了源码就会发现其实方法还有很多。有更好的方法就发布一下啊。
下面这个是cnblogs的实现代码
复制代码 代码如下:

<script type="text/javascript">
function runCode(obj) {
var winname = window.open('', "_blank", '');
winname.document.open('text/html', 'replace');
winname.document.write(obj.value);
winname.document.close();
}
</script>
<textarea style="width: 80%" id="code1" rows="10">
<script type="text/javascript">
alert("Got it!");
</script>
</textarea><br/ />
<input type="button" value="run" onclick="runCode(document.getElementById('code1'))"/>

下面这个是 csdn下实现代码。
复制代码 代码如下:

<script type="text/javascript"><!--
function viewPage(html) {
    var page = window.open('', '', '');
    page.opener = null;
    page.document.write(html);
    page.document.close();
}
// --></script>

<a href="javascript:viewPage(document.getElementsByTagName('textarea')[0].value)">运行代码</a></p>
<p><textarea cols="83" rows="15" name="code" class="xhtml">
&lt;script&gt;
alert('脚本之家');
&lt;/script&gt;
</textarea>

相关文章

  • js style动态设置table高度

    js style动态设置table高度

    设置table高度想必大家都会,直接在table标签中设置下不就行了吗?这是静态的,如果要动态设置你会吗?下面的实例将教会大家
    2014-10-10
  • 深入理解JavaScript系列(16) 闭包(Closures)

    深入理解JavaScript系列(16) 闭包(Closures)

    本章我们将介绍在JavaScript里大家经常来讨论的话题 —— 闭包(closure)。闭包其实大家都已经谈烂了。尽管如此,这里还是要试着从理论角度来讨论下闭包,看看ECMAScript中的闭包内部究竟是如何工作的
    2012-04-04
  • js仿百度登录页实现拖动窗口效果

    js仿百度登录页实现拖动窗口效果

    这篇文章主要为大家详细介绍了js仿百度登录页实现拖动窗口效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 浅析JavaScript声明变量

    浅析JavaScript声明变量

    JavaScript的变量声明语句无论出现在何处,都会先于其他代码首先被执行,本文给大家介绍javascript声明变量相关知识,感兴趣的朋友一起学习吧
    2015-12-12
  • JS实现点击复选框变更DIV显示状态的示例代码

    JS实现点击复选框变更DIV显示状态的示例代码

    下面小编就为大家分享一篇JS实现点击复选框变更DIV显示状态的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • 基于gulp合并压缩Seajs模块的方式说明

    基于gulp合并压缩Seajs模块的方式说明

    本文介绍一个简单可行的办法,来做基于gulp构建的中小型项目中的seajs合并压缩,感兴趣的朋友一起看看详情吧
    2016-06-06
  • js实现防止用户重复点击的三种方法

    js实现防止用户重复点击的三种方法

    本文主要介绍了js实现防止用户重复点击的三种方法,包括通过禁用按钮、解绑点击事件和使用标记,具有一定的参考价值,感兴趣的可以了解一下
    2025-02-02
  • 让回调函数 showResponse 也带上参数的代码

    让回调函数 showResponse 也带上参数的代码

    让回调函数 showResponse 也带上参数的代码...
    2007-08-08
  • 使用Browserify来实现CommonJS的浏览器加载方法

    使用Browserify来实现CommonJS的浏览器加载方法

    下面小编就为大家带来一篇使用Browserify来实现CommonJS的浏览器加载方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • JavaScript中的函数(二)

    JavaScript中的函数(二)

    函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。本文给大家介绍介绍javascript中的函数(二),对javascript函数相关知识感兴趣的朋友一起学习吧
    2015-12-12

最新评论