javascript - 如何打开然后关闭窗口而不被弹出窗口阻止？

Question

我想引导电子商务网站的客户通过 Paypal 网站付款。我希望在新的选项卡/窗口中完成付款，这样客户就不会丢失他/她所在网页的当前状态。

为了打开 Paypal 窗口而不被阻塞，我使用了一个带有 target="_blank"的 anchor 。这是完美的工作，除了事实，我无法在 Paypal 付款完成后关闭它，因为 window.close() 不适用于未通过 window.open 打开的窗口()。

我如何才能让它既不会作为弹出窗口被阻止，又能稍后用 JS 关闭它？

Answer 1

In order for the Paypal window to open without getting blocked, I am using an anchor with target="_blank".

这是一个选项，但只要您从用户生成的事件(如 click)的处理程序中调用 window.open，您就可以打开弹出窗口 - window 。因此，只需确保从链接上的 click 处理程序中调用 window.open(然后您就可以关闭它)。现代弹出窗口阻止程序(过去几年的任何东西)阻止不是由用户事件触发的弹出窗口，但允许由用户事件触发的弹出窗口。

Live example | source :

HTML:

<p><a href="#" id="target">Click to open popup</a>; it will close automatically after five seconds.</p>

JavaScript:

(function() {

  document.getElementById("target").onclick = function() {
    var wnd = window.open("http://stackoverflow.com");
    setTimeout(function() {
      wnd.close();
    }, 5000);
    return false;
  };

})();