JavaScript“运行代码”功能

在页面上提供“运行代码”功能，增强用户体验友好度。

一些网站的JavaScript教程，都带有可供运行的实例。例如蓝色理想-经典论坛，又如彩虹前端开发博客。这个直接运行代码的功能，其实并不复杂，但却非常实用！学习者可以直接运行网站教程提供的实例，而无需自己动手建立html文件来调试。这可算是“用户体验”良好的一个例子了。

下面就介绍一下实现代码。函数如下：

function runcode_open_new(element)
{
var code = document.getElementById(element).value;
var win = window.open("", "", "");
win.opener = null;
win.document.write(code);
win.document.close();
}

下面就是调用的实例：

先用一个具名的TextArea作为容器，用来存放html代码：

<b>hello,new window!</b>

再放置一个button，用来调用“运行代码”函数，并把TextArea的ID传给函数：

这样就可以了！