阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      网站浏览器中在线运行代码的实现逻辑

      很多前端的网站,都会有一个在线运行的交互;

      效果就是点击一个按钮,把当前的实例在新窗口打开执行;

      实现的逻辑如下;

      function runCode(str){
          var newwin=window.open('','','');
          newwin.opener = null;
          newwin.document.write(str);
          newwin.document.close();
      }
      
      var oDiv=document.getElementById("div1");
      oDiv.onclick=function () {
          runCode(str);//这里的str是在页面上获取到的HTML字符串格式;
      };
      

      这么写会把页面中的 HTML 文件在新窗口打开并运行;

      目录
      本文目录
      目录