前端网站中在线运行代码的实现逻辑

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

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

实现的逻辑如下;

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文件在新窗口打开并运行;

~~~~~~~~~~~~~~~

未经允许不得转载:朱邦邦的WEB前端开发博客 » 前端网站中在线运行代码的实现逻辑

赞 (2)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址