js 沙箱模式原理

QQ截图20200119172812.png

/开启沙箱模式
function run() {
    var iframeContent = $("#editor").val();//html内容
    loadPreview(iframeContent);
}

//填充预览效果内容
function loadPreview(content) {
    var iFrame = createIFrame(),
        iframeDocument = iFrame.contentWindow.document;

    iframeDocument.open();
    iframeDocument.write(content);
    iframeDocument.close();
    iframeDocument.addEventListener('load', function () {
        mapHeight();
    });
    mapHeight();
}
//创建iframe框架
function createIFrame() {
    var preViewPane = $("#previewPane");
    preViewPane.empty();
    var iframe = document.createElement("iframe");
    $(iframe).attr("id", "innerPage");
    $(iframe).attr("name", "innerPage");
    preViewPane.append(iframe);
    return iframe;
}