/* 336x280*/
在网页中直接运行代码并不困难，只需简单的 JavaScript 和 HTML 相结合即可实现。
首先，在网页中插入以下 JavaScript 代码：
<script type="text/javascript">
function Preview()
{
var TestWin=open('');
TestWin.document.write(code.value);
}
</script>
此处使用 Preview 函数来打开新窗口并执行代码。接下来需要构造一个代码框：
<textarea id=code cols=50 rows=10></textarea> <button onclick=Preview() >运行代码</button>
此处对 textarea 设定 id=code 以向 JavaScript 传值。<button> 标签的 onclick 事件则调用了 Preview 函数。
/* 336x280*/
版权所有，转载请注明出处。
转载自 <a href="http://www.mangguo.org/use-javascript-achieve-html-code-run-frame/" title="用 JavaScript 实现 HTML 代码运行框" rel="bookmark">用 JavaScript 实现 HTML 代码运行框 | 芒果小站</a>
已经有 2 条群众意见
- 老妖
#1/2011-03-14 11:52IE可以。火狐就不行哦。有没有兼容多个浏览器的办法？ 回应
- 用 JavaScript 实现 HTML 代码运行框 | zend实验室-java/php学习教程、web前端设计、网站建设、网页设计、网络SEO推广
#2/2011-05-03 23:05[...] 转载至：用 JavaScript 实现 HTML 代码运行框 | 芒果小站 分类: css, 其它 标签: 临时 5 个简单实用的 CSS 属性纯 CSS 实现文本渐变效果CSS 的外联，内联和嵌入芒果教你清除浮动CSS 有序列表 ol 和无序列表 ul你真的认识 window.location 吗？使用 <hr> 标签创建水平分隔线用 CSS 实现段落首行缩进YUI 2: Event Utility多层元素嵌套的圆角按钮 评论 (0) Trackbacks (0) 发表评论 Trackback [...] 回应
我简单说几句