26

我使用 window.open 来填充具有不同内容的新窗口。主要是来自自动化流程的报告和存储的 HTML。

我注意到 Chrome 在 window.open() 方面的一些非常不一致的行为。

我的一些调用将创建一个新选项卡（首选行为）和一些导致弹出窗口。

var w = window.open('','_new');
w.document.write(page_content);

page_content 只是来自 AJAX 调用的常规 HTML。报告在标题中包含一些信息，如标题、网站图标和一些样式表。

在 IE9 中，代码确实会导致新标签页而不是弹出窗口，而 Chrome 则断然拒绝在新标签页中显示相关内容。由于内容是敏感的业务数据，我无法在此处发布。如果可以，我会回答问题。

我知道有些人会说这是用户的行为，但这是一个内部业务平台。我们没有时间培训所有用户如何管理弹出窗口，我们只需要将它放在新标签中即可。哎呀，即使是新窗口也比弹出窗口更可取，因为您无法在 Chrome 中停靠弹出窗口。更不用说任何弹出窗口阻止代码都会影响它。

欣赏任何见解。

4

5 回答 5

40

window.open 必须在由用户操作（例如 onclick）触发的回调中调用，以便页面在新选项卡而不是窗口中打开。

例子：

$("a.runReport").click(function(evt) {
    // open a popup within the click handler
    // this should open in a new tab
    var popup = window.open("about:blank", "myPopup");

    //do some ajax calls
    $.get("/run/the/report", function(result) {
        // now write to the popup
        popup.document.write(result.page_content);

        // or change the location
        // popup.location = 'someOtherPage.html';
    });
});
于 2013-01-31T17:48:46.580 回答
3

你可以试试这个：

<a href="javascript:openWindow();">open a new tab please</a>

<script>
    function openWindow(){
        var w = window.open("about:blank");
        w.document.write("heheh new page opened");
    }
</script>
于 2013-03-26T03:27:57.367 回答
0

很简单，为了强制 Chrome 在新标签页中打开，使用 onmouseup 事件

onmouseup="switchMenu(event);"

于 2014-10-10T17:50:55.847 回答
0

我已经尝试过了，它在 chrome 中运行良好。如果在用户操作（例如鼠标单击）上打开新选项卡，这将正常工作，没有任何问题。但如果代码在另一个脚本块中执行，您可能需要在 chrome 中启用弹出窗口。看起来这是处理所有点击诱饵网站。

let newTab = window.open('', '_blank');
if (this.viewerTab == null) {
  console.log("opening in new tab to work, pop-ups should be enabled.");
  return;
}

................

newTab.location.href = viewerUrl;
于 2018-04-04T15:33:03.357 回答
-1 
window.open('page.html', '_newtab');

指定“_newtab”。这适用于 IE 和 FF，并且应该适用于 Chrome。但是，如果用户将内容配置为不在新选项卡中打开，那么您无能为力。

于 2012-08-17T04:39:22.013 回答