Question

快速概述我要完成的任务。我希望能够通过单击网页上的一个按钮打开两个弹出窗口。我希望弹出窗口能够在整个屏幕上显示一个薄弹出窗口，并在整个屏幕下方弹出一个弹出窗口并填充剩余高度。我遇到的问题是我的代码只适用于Chrome，而不适用于Firefox或IE。

这是我到目前为止所做的：

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>PopupTest</title>
<button onclick="infoPopup()">Open</button>
<script>
function infoPopup(){

        var WindowADimensions = ("width="+screen.width+",height=100");
        WindowA = window.open("", "WindowA", WindowADimensions);
        WindowA.moveTo(0,0);
        WindowA.document.write("info here:");

        var WindowBDimensions =          ("scrollbars=1,width="+screen.width+",height="+(screen.height-100));
        WindowB = window.open("", "WindowB", WindowBDimensions);
        WindowB.moveBy(0,100);
        WindowB.location="https://www.google.com";
}
</script>
</html>

在chrome中，它正如我想要的那样工作，在正确的位置打开两个弹出窗口。但是在Firefox和IE中，它会打开两个弹出框并将它们放在屏幕的左上角。

非常感谢任何帮助！

Firefox和Internet Explorer中弹出位置的问题

0 个答案: