<!DOCTYPE html>



<html lang="en">



<head>



    <meta charset="UTF-8">



    <meta http-equiv="X-UA-Compatible" content="IE=edge">



    <meta name="viewport" content="width=device-width, initial-scale=1.0">



    <title>JS实现直接运行html代码的方法</title>



</head>



<body>



    <textarea style='width:300px;height:200px;' id='txtCode'></textarea><br/>



    <input type='button' value='直接运行' id='btnRun'/>



    <script>



      document.getElementById('btnRun').onclick = function(){



        var runHtml = document.getElementById('txtCode').value;



        if(runHtml){



          var win = window.open('', '运行窗口');



          win.document.open();



          win.document.write(runHtml);



          win.document.close();



        }



        else{



          alert('请输入!');



        }



      }



    </script>



</body>



</html>