当前位置:Gxlcms > JavaScript > cnblogs csdn 代码运行框实现代码

cnblogs csdn 代码运行框实现代码

时间:2021-07-01 10:21:17 帮助过:4人阅读

下面这个是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>

人气教程排行