如何使用Javascript打开最大化窗口

How to open maximized window with Javascript?

本文关键字：最大化 窗口 何使用 Javascript      更新时间：2023-09-26

我正在使用Javascript的self.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值如此之大，因此它接近最大化窗口，但不是实际最大化窗口。（我之所以这样说，是因为 即使现在，如果我单击最大化按钮，它也会进一步扩展一点点）

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 该页面上的信息说窗口最大化是不可能的。此"功能"可能受支持，也可能不受支持，具体取决于浏览器。

 window.open('your_url', 'popup_name','height=' + screen.height + ',width=' + screen.width + ',resizable=yes,scrollbars=yes,toolbar=yes,menubar=yes,location=yes')

目前我能找到的打开最大化窗口的最佳解决方案是（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将不起作用（访问被拒绝）。

如果我

使用 Firefox，那么screen.width和screen.height工作正常，但在 IE 和 Chrome 中它们无法正常工作，而是以最小大小打开。

是的，我尝试为height和width给出太大的数字，就像10000，但并不完全是最大化的效果。

查看此 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);
相关文章：