首页 > 建站教程 > JS、jQ、TS >  js运行代码原理,js运行代码教程正文

js运行代码原理,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="运行代码" />