弹出式窗口只能在一个浏览器上运行，而不能在另一个浏览器上运行

Aindriú 发表于 Dev

安德鲁

为什么弹出式窗口可以在一个浏览器上运行（在firefox，firefox开发人员版上运行），而不在另一个浏览器上运行（在Internet Explorer中，而不是在Chrome上运行）？在某些情况下，该弹出窗口将在浏览器上的网站的某些页面上起作用，但是转到该站点上的另一页面，则该弹出窗口将不起作用。弹出窗口位于页脚中

<a href="#" onclick="PopupCenter('/terms_conditions.aspx','','550','700')">Terms
                        &amp; Conditions</a>

有任何想法吗？

编辑弹出功能：

<div class="footerTwoBox">
                    <ul class="footTwoLinks" style="width: 500px; float: left;">
                        <li><a href="/voucher">Your Voucher</a></li>
                        <li><a href="#" onclick="PopupCenter('/privacy_policy.aspx','','550','700')">Privacy
                        Policy</a></li>
                        <li><a href="<%=rootUrl %>/customer-care">Contact Us</a></li>
                        <li><a href="/press-room">Press Room</a></li>
                        <li><a href="#" onclick="PopupCenter('/terms_conditions.aspx','','550','700')">Terms
                        & Conditions</a></li>
                        <li><a href="/partners">Partners</a></li>
                        <li><a href="/blog">Blog</a></li>
                        <li><a href="/careers">Careers</a></li>
                        <li><a href="/customer-care/faq" target="_blank">FAQs</a></li>

                    </ul>

当您单击弹出窗口时，它只是将您带到屏幕顶部-没有弹出窗口。如果我去Firefox，我将在屏幕中间看到弹出窗口……这一定是浏览器问题，但我无法识别它。

弹出功能

function PopupCenter(pageURL, title, w, h) {
            //alert(w + "  " + h);
            var left = (screen.width / 2) - (w / 2);
            var top = (screen.height / 2) - (h / 2);
            var targetWin = window.open(pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
        }

用户名

最好返回false您的onclick处理程序。链接通常会指向您要显示的页面，而事件处理程序中会调用弹出脚本。当您返回false函数时，将阻止浏览器跟踪链接。

这可能会或可能不会影响浏览器的行为，具体取决于您使用的软件。有一个很好的写了这个话题的这里，是涵盖了大部分的陷阱。

请尝试以下代码：

函数PopupCenter（pageURL，标题，w，h）{
  左=（screen.width / 2）-（w / 2）;
  顶部=（screen.height / 2）-（h / 2）;
  targetWin = window.open（pageURL，标题，'工具栏=否，位置=否，目录=否，状态=否，菜单栏=否，滚动条=是，可调整大小=否，复制历史=否，宽度='+ w +' ，height ='+ h +'，top ='+ top +'，left ='+ left）;

  如果（window.focus）{
    targetWin.focus（）;
  }

  返回false；
}

然后，您可以像这样调用它（注意其他return关键字）：

<a href="#" onclick="return PopupCenter('terms_conditions.aspx', '', '550', '700')">Terms &amp; Conditions</a>

完整的演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>Popup Demo</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />

  <script type="text/javascript">
    <!--
    function PopupCenter(pageURL, title, w, h) {
      left = (screen.width / 2) - (w / 2);
      top = (screen.height / 2) - (h / 2);
      targetWin = window.open(pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);

      if (window.focus) {
        targetWin.focus();
      }

      return false;
    }
    // -->
  </script>
</head>

<body>
  <div>
    <a href="#" onclick="return PopupCenter('terms_conditions.aspx', '', '550', '700')">Terms &amp; Conditions</a>
  </div>
</body>

</html>