js运行代码原理，js运行代码教程

很多网站都有运行代码的功能，实现js运行代码的原理很简单，就是点击运行的时候，弹出空白窗口，然后将输入框里面的内容，放到弹出的空白窗口里面运行即可：


代码如下：

<script>
window.onload=function(){
    var oTxt=document.getElementById("txt");
    var oRun=document.getElementById("run");
    oRun.onclick=function(){
        var str=oTxt.value;
        var oWin=window.open("about:blank","_blank"); //开启新的空白窗口，同时将该窗口保存下来
        oWin.document.write(str);//在新窗口运行获取的值
    }
}
</script>
<p>请在下面的输入框输入代码，然后点击“运行代码”按钮，运行输入框的代码：</p>
<textarea id="txt"></textarea><br />
<input type="button" id="run" value="运行代码" />