50

我正在使用 Javascriptself.open()在新窗口中打开一个链接，我希望该窗口最大化。我尝试了这个fullscreen=yes选项，它真的没有做我想要的。我正在使用以下代码：

self.open(pageLoc,popUpName,'height=1600,width=1800,resizable=yes,scrollbars=yes,toolbar=yes,menubar=yes,location=yes');

如果我还提到fullscreen=yes，然后窗口打开就像你按 F11。但我不希望那样。我想要的是当我双击IE并单击右上角的最大化图标时。

正如我给出的height和width值如此之大，它接近最大化窗口但不是实际的最大化窗口。（我之所以这么说是因为即使现在我点击最大化按钮，它也会进一步扩大一点）

4

5 回答 5

85 
var params = [
    'height='+screen.height,
    'width='+screen.width,
    'fullscreen=yes' // only works in IE, but here for completeness
].join(',');
     // and any other options from
     // https://developer.mozilla.org/en/DOM/window.open

var popup = window.open('http://www.google.com', 'popup_window', params); 
popup.moveTo(0,0);

除非用户真的想要它，否则请不要打开弹出窗口，否则他们会诅咒您并将您的网站列入黑名单。;-)

编辑：糟糕，正如 Joren Van Severen 在评论中指出的那样，这可能没有考虑任务栏和窗口装饰（以可能依赖于浏览器的方式）。意识到。似乎忽略高度和宽度（只有参数是fullscreen=yes）似乎适用于 Chrome，也许也适用于 Firefox；最初的“全屏”功能因令人讨厌而在 Firefox 中被禁用，但已被最大化取代。这直接与https://developer.mozilla.org/en/DOM/window.open同一页面上的信息相矛盾，后者说窗口最大化是不可能的。根据浏览器的不同，可能支持也可能不支持此“功能”。

于 2012-04-24T12:05:49.660 回答
14 
 window.open('your_url', 'popup_name','height=' + screen.height + ',width=' + screen.width + ',resizable=yes,scrollbars=yes,toolbar=yes,menubar=yes,location=yes')
于 2012-04-24T11:50:03.647 回答
8

我目前能找到的打开最大化窗口的最佳解决方案是（Internet Explorer 11、Chrome 49、Firefox 45）：

  var popup = window.open("your_url", "popup", "fullscreen");
  if (popup.outerWidth < screen.availWidth || popup.outerHeight < screen.availHeight)
  {
    popup.moveTo(0,0);
    popup.resizeTo(screen.availWidth, screen.availHeight);
  }

见https://jsfiddle.net/8xwocrp6/7/

注意 1：它不适用于 Edge (13.1058686)。不确定它是否是错误或是否符合设计（我已经填写了错误报告，我们将看看他们对此有何评论）。这是一种解决方法：

if (navigator.userAgent.match(/Edge\/\d+/g))
{
    return window.open("your_url", "popup", "width=" + screen.width + ",height=" + screen.height);
}

注意 2：如果您打开的窗口位于另一个域上，则将无法正常工作（拒绝访问）moveTo。resizeTo

于 2016-04-14T12:06:37.073 回答
1

如果我当时使用 Firefoxscreen.width并且screen.height工作正常，但在 IE 和 Chrome 中它们不能正常工作，而是以最小尺寸打开。

10000是的，我尝试为两者都提供太大的数字height，width但不完全是最大化的效果。

于 2012-08-01T08:19:12.293 回答
0

签出这个 jquery 窗口插件： http: //fstoke.me/jquery/window/

// create a window
sampleWnd = $.window({
   .....
});

// resize the window by passed w,h parameter
sampleWnd.resize(screen.width, screen.height);
于 2012-04-24T11:54:11.443 回答