Question

我正在尝试修改HTML模板的内容并在新窗口中打开它：

          var center_left = (screen.width / 2) - (1100 / 2);
          var center_top = (screen.height / 2) - (600 / 2);
          newWindow = window.open('','mywindow','width=1100,height=600,menubar=yes,scrollbars=yes,left=' + center_left + ',top=' + center_top);
          var adminDoc = adminWindow.document.body;
          domConst.place('adminReportTemplate.html', adminDoc);

此代码打开一个包含模板的新窗口，但如何访问DOM来操作它？

Answer 1

您可以使用开窗器属性：

<!DOCTYPE html>
<html>
<body>

   <button onclick="openWindow()">Open Window</button>

   <script>
    function openWindow() {
        var newWindow = window.open("", "newWindow", "width=400, height=200");
        newWindow.document.write("<p>This is a new window'</p>");
        newWindow.opener.document.write("<p>This is the source window!</p>");
    }
    </script>

</body>
</html>

有关详细信息，请查看此示例的发起人：Window Opener www.w3schools.com

Answer 2

我找到了解决方案 -

使用＆＃39; dojo / text＆＃39;我将我的Html模板转换为字符串，然后使用newWindow.document.write（htmlTemplateString）将该字符串写入新窗口

然后我能够getElementbyID并修改新窗口的内容。不确定这是否是最佳方式，但它似乎工作正常。

修改HTML并在新窗口中打开

2 个答案: