当前位置: 首页 > 图文教程 > 网络编程 > Javascript > cnblogs csdn 代码运行框实现代码

Javascript
jQuery1.3全新的Sizzle引擎实现CSS选择器
网页里做异步的跨域请求
WEBJX收集9个小巧实用的jQuery插件
JavaScript教程:switch-case
Javascript代码:校验身份证号程序
Webjx收集jQuery图片切换效果插件
JS触发A标签的点击事件
把Javascript代码放到body结束之上
jQuery教程:认识jQuery
Javascript 验证表单插件
javascript教程:call方法
不同页面中调用JS代码乱码问题
JavaScript获取事件对象的注意事项
非常简单的jQuery实现网页图片圆角
史上最昂贵的 Javascript 代码
学习JavaScript后的小结
Javascript教程:caller函数和callee属性
解决用户恶意刷新的二级高亮样式菜单
PS教程:用Photoshop模拟日全食
JS实例教程:检查变量类型

Javascript 中的 cnblogs csdn 代码运行框实现代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 190 ::
收藏到网摘: n/a

大家用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>