网站浏览器中在线运行代码的实现逻辑
🌙
手机阅读
本文目录结构
很多前端的网站,都会有一个在线运行的交互;
效果就是点击一个按钮,把当前的实例在新窗口打开执行;
实现的逻辑如下;
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 文件在新窗口打开并运行;