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">
<script>
alert('脚本之家');
</script>
</textarea>
复制代码 代码如下:
<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>
相关文章
作为高级前端切图仔,我们经常遇到需要处理、聚合或转换数据的场景,JavaScript 的reduce()方法是一个强大的工具,它允许我们有效地迭代数组并累积单个值,从而简化了这些任务,本文将给大家揭秘JavaScript Reduce方法,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了JS实现新浪博客左侧的Blog管理菜单效果代码,可实现基于鼠标点击事件动态操作页面元素样式的功能,界面美观大方,简洁实用,需要的朋友可以参考下2015-10-10
List Installed Hot Fixes...2007-06-06
这篇文章主要为大家详细介绍了纯js实现隔行变色效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
uni-app在app和h5中跳转至外部链接的方式有所不同,需要进行条件编译,下面这篇文章主要给大家介绍了关于uni-app打开外部链接方式(h5和app)的相关资料,文章通过实例代码介绍的非常详细,需要的朋友可以参考下2023-02-02
这篇文章主要为大家详细介绍了JS返回顶部实例代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
这篇文章主要为大家详细介绍了Cocos2d实现刮刮卡效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要给大家介绍了关于js如何在字符串中查找某个字符的位置的相关资料,在JavaScript中我们经常需要对字符串进行各种操作,包括查找包含特定字符的字符串,需要的朋友可以参考下2023-11-11
在网站开发中尤其是新闻类网站，经常遇到多栏目切换的设计，这种效果有很多种实现效果，现在记录一种很简单的写法2016-12-12
2015-10-10
最新评论