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

Javascript
JavaScript实际应用:innerHTMl和确认提示的使用
CheckBox 如何实现全选?
解密效果
文本加密解密
快速保存网页中所有图片的方法
如何取得中文输入的真实长度?
Javascript调用XML制作连动下拉列表框
表格轮换显示 强
超级强大的表单验证
图片之间的切换
客户端静态页面玩分页
接收键盘指令的脚本
如果文字过长,则将过长的部分变成省略号显示
些很实用且必用的小脚本代码
经典的带阴影的可拖动的浮动层
漂亮的仿flash菜单,来自蓝色经典
Ctrl+Enter提交内容信息
accesskey 提交
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
滚动效果

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 100 ::
收藏到网摘: 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>