如何在javascript中显示全屏弹出窗口？答案

【问题标题】：How to show fullscreen popup window in javascript?如何在javascript中显示全屏弹出窗口？
【发布时间】：2010-09-15 10:10:23
【问题描述】：

有没有办法让弹出窗口一打开就最大化？如果不是这样，至少让它屏幕大小？这个：

window.open(src, 'newWin', 'fullscreen="yes"')

显然只适用于旧版本的 IE。

【问题讨论】：

赞成，因为这是一个完全合理的问题。如果它是用于 Intranet 的企业网络应用程序，那么“你”想要什么并不重要。
告诉我的讲师 - 这是我的课程要求之一 :)
@Tanoku 我同意 Rob 的观点，只是因为这对于“网页”来说听起来是一种不好的做法，但这并不意味着它实际上适用于网站，请考虑一下内部的可能性使用非浏览器的应用程序，例如 HTA，全屏窗口可能完全可以接受。

标签： javascript html popup

【解决方案1】：

使用screen.availWidth和screen.availHeight为window.open()中的高宽参数计算一个合适的尺寸

虽然这可能很接近，但它不会最大化，也不会对每个人都准确，尤其是在显示所有工具栏的情况下。

【讨论】：

你能用小提琴例子解释一下吗？
@DanishAdeel 在这里：window.open(src, "newWin", "width="+screen.availWidth+",height="+screen.availHeight)

【解决方案2】：

这个呢：

var popup = window.open(URL);
if (popup == null)
   alert('Please change your popup settings');
else  {
  popup.moveTo(0, 0);
  popup.resizeTo(screen.width, screen.height);
}

【讨论】：

【解决方案3】：

不仅仅是糟糕的设计——这个“功能”是 UI 灾难的根源。有were 和number 的malicious 网站利用JavaScript 中的全屏视图功能劫持浏览器窗口并显示与用户桌面无法区分的屏幕。虽然可能仍有办法做到这一点，但出于对所有正派事物的热爱，请不要实施此操作。

【讨论】：

不用担心我的网站实际上已经实现了 - 正如我所提到的，我这样做只是为了满足讲师的要求 :) 感谢您的警告！
如果你要告诉他该怎么做，那就这样做——你是对的（这是个坏主意）——但至少也要给出一个真实的答案。我问了一些问题得到了这样的答案，没有答案很烦人。

【解决方案4】：

这个怎么样，我给了一个很大的宽度和高度值，它可以工作

window.open("https://www.w3schools.com", "_blank","toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=4000,height=4000");

【讨论】：

top=0,left=0 更接近全屏。

【解决方案5】：

试试这个。这适用于我和你想要的任何链接，或弹出窗口中的任何内容

您选择的任何内容都将在弹出窗口中以全屏大小显示在弹出窗口中。

<script language="JavaScript">
function Full_W_P(url) {
 params  = 'width='+screen.width;
 params += ', height='+screen.height;
 params += ', top=0, left=0'
 params += ', fullscreen=yes';
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';


 newwin=window.open(url,'FullWindowAll', params);
 if (window.focus) {newwin.focus()}
 return false;
}
</script>

<input type="button" value="Open as Full Window PopUp" onclick="javascript:Full_W_P('http://www.YourLink.com');"></input>

【讨论】：