Question

我正在打开一个Popup，它在Internet Explorer和Mozilla firefox中打开。但是firefox会忽略给定的大小，因此会创建一个全屏弹出窗口。

以下代码：

<a href="agb.html" target="_blank" onclick="return popup(this.href);">linkname</a>

以下功能：

<script type="text/javascript">
function popup (url) {
fenster = window.open(url, "Popup", "width=640,height=700,resizable=yes,scrollbars=yes");
fenster.focus();
return false;
}
</script>

Answer 1

我对提交到弹出窗口的表单有类似的问题。我有

<form name ="printView" method ="post" action="printOnly.php" target="popUp"
             onsubmit="popup(this);" style="display:inline!important;">

（样式是将表单与另一个表单放在同一行）

弹出功能是

function popup(form) {
    window.open('','formpopup', 'view text',
                'height=700,width=640,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes'
    );
    form.target = 'formpopup';
    view.focus(this);
}

正如您所看到的，我已经尝试了顶部和左侧选项，但我的弹出窗口仍然以与主窗口相同的大小打开，并且滚动条，工具栏，菜单栏，目录和位置设置被忽略，我只获得了位置无论我把它们的价值观设定为什么。 PS。我查看了Firefox弹出首选项，但它们都是允许的。

Answer 2

这就是我在开发网站上所拥有的，我知道它在Firefox中工作（实际上它是我唯一测试它的东西。我不太了解js，所以我确信我从网上得到了这个 - 所以希望它遵循正确的做法而不是。

// js:
<script type="text/javascript">
// Popup window code
function newPopup(url) {
    popupWindow = window.open(
url,'popUpWindow','height=390,width=350,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes')
}

</script>

// link: edit: an onclick event should be used instead, but I'm leaving my original code.
<a href="Javascript:newPopup('/url/');">Link text</a>

Answer 3

您需要将弹出式窗口的显示属性设置为display: block;或display: inline-block才能使宽度和高度尺寸生效。

Answer 4

<a href="agb.html" target="_blank" onclick="popup(this.href);return false;">linkname</a>

会做你想做的事;）

弹出窗口在firefox中全屏打开，虽然给出了大小

4 个答案: