如何在javascript中显示全屏弹出窗口?

How to show fullscreen popup window in javascript?

提问人:Maciej Gryka 提问时间:10/6/2008 最后编辑:Robert MooreMaciej Gryka 更新时间:1/27/2019 访问量:92675

问:

有没有办法使弹出窗口在打开后立即最大化?如果不是这样,至少让它有屏幕大小?这:

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

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

JavaScript HTML 弹出窗口

评论

38赞 Rob 10/6/2008
投了赞成票,因为这是一个完全合理的问题。如果它是用于 Intranet 的企业 Web 应用程序,“您”想要什么并不重要。
4赞 Maciej Gryka 10/6/2008
告诉我的讲师 - 这是我课程作业的要求之一:)
3赞 Scott Bennett-McLeish 10/6/2008
@Tanoku我同意 Rob 的观点,仅仅因为这听起来像是“网页”的坏做法,并不意味着它实际上适用于网站,请考虑内部应用程序使用非浏览器的可能性,例如 HTA,其中全屏窗口可能是完全可以接受的。

答:

52赞 2 revs, 2 users 80%Geoff #1

使用 和 计算高度和宽度参数的合适大小screen.availWidthscreen.availHeightwindow.open()

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

评论

2赞 Danish Adeel 3/21/2017
你能用小提琴的例子来解释一下吗?
15赞 Robert Moore 6/26/2017
@DanishAdeel这里:window.open(src, "newWin", "width="+screen.availWidth+",height="+screen.availHeight)
8赞 Rob Allen 10/6/2008 #2

不仅仅是糟糕的设计 - 这个“功能”是UI灾难的根源。有许多恶意网站利用 JavaScript 中的全屏视图功能劫持浏览器窗口并显示与用户桌面无法区分的屏幕。虽然可能还有一种方法可以做到这一点,但请出于对所有体面事物的热爱,不要实施这一点。

评论

1赞 Maciej Gryka 10/8/2008
不要担心我的网站实际上已经实现了这一点 - 正如我提到的,我这样做只是为了满足讲师的要求:)谢谢你的警告!
1赞 Robert Moore 6/27/2017
如果你要告诉他该怎么做,那就去做——你是对的(这是一个坏主意)——但至少也要给出一个真正的答案。我问了一些问题,这些问题得到了这样的答案,没有答案是很烦人的。
9赞 Ray 10/10/2008 #3

这个呢:

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);
}
9赞 Jitendra Tumulu 6/22/2017 #4

怎么样,我给一个大数字赋予了宽度和高度值,它起作用了

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

评论

1赞 Robert Moore 6/27/2017
top=0,left=0 更接近全屏。
3赞 SeekLoad 1/27/2019 #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>