cnblogs csdn 代码运行框实现代码

大家用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 rows="10">
<script type="text/javascript">
alert("Got it!");
</script>
</textarea><br/ />
<input type="button" value="run"/>


下面这个是 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">
&lt;script&gt;
alert('脚本之家');
&lt;/script&gt;
</textarea>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wjyzyf.html