Question

我有一个用HTML渲染的js，可以预览表格。代码运行正常，但它在同一页面上给我输出，而我想在弹出窗口中打开它。我试过使用window.open（）没有运气。你可以帮我解决一下如何使用window.open（）进行下面的操作。按钮ID是预览。单击该按钮时，它将执行类似于下面的功能

$("#preview").click(function() {

    $("#formpreview").delete();
    var fieldSet = ...................});

Answer 1

您可以使用以下示例填充子窗口中的html：

<强> HTML

<!DOCTYPE Html />
<html>
    <head>
        <title></title>
    </head>
    <body>

        <input type="button" id="launch" value="Launch Child Window"/>
        <script type="text/javascript" src="theJS.js"></script>
    </body>
</html>

<强>的JavaScript

var btnLaunch = document.getElementById("launch");

btnLaunch.onclick = function () {
    var childWindow = window.open("", "", "height=500, width=500");
    var html = "";
    var theVariable = "Conent in Child Window";
    html += "<p>" + theVariable + "</p>";
    childWindow.document.body.innerHTML = html;
}

Answer 2

将弹出窗口存储为变量，然后将弹出窗口的HTML设置为您需要的任何内容。

$("#preview").click(function() {
    var myWindow = window.open("", "Popup", "width=300, height=500");
    myWindow.document.write("<html>This is where your content goes</html>");
});

在Javascript中打开弹出窗口

2 个答案: