cnblogs csdn 代码运行框实现代码

175 阅读 0 评论 116 点赞

我是靠谱客的博主美好信封，最近开发中收集的这篇文章主要介绍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"> 
<script> 
alert('脚本之家'); 
</script> 
</textarea>