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

如何在javascript中显示全屏弹出窗口?,javascript,html,popup,Javascript,Html,Popup,有没有一种方法可以使弹出窗口一打开就最大化?如果不是这样的话,至少让它的屏幕大小?这: window.open(src, 'newWin', 'fullscreen="yes"') 显然只适用于旧版本的IE。使用screen.availWidth和screen.availHeight为window.open()中的高度和宽度参数计算合适的大小。 虽然这可能很接近,但它不会最大化,也不会对每个人都准确,尤其是如果所有工具栏都显示出来。不仅仅是糟糕的设计,这个“功能”会导致UI灾难。许多网站利用J

有没有一种方法可以使弹出窗口一打开就最大化?如果不是这样的话,至少让它的屏幕大小?这:

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

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

使用
screen.availWidth
screen.availHeight
window.open()中的高度和宽度参数计算合适的大小。


虽然这可能很接近,但它不会最大化,也不会对每个人都准确,尤其是如果所有工具栏都显示出来。

不仅仅是糟糕的设计,这个“功能”会导致UI灾难。许多网站利用JavaScript中的全屏视图功能劫持浏览器窗口,并显示与用户桌面无法区分的屏幕。尽管仍然有办法做到这一点,但出于对所有体面事物的热爱,请不要实施这一点。

这一点如何:

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);
}

关于这个,我给了一个大数字宽度和高度值,它是有效的

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

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

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

<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>

功能完整(url){
参数='width='+screen.width;
参数+=',高度='+屏幕高度;
参数+=',顶部=0,左侧=0'
参数+=',全屏显示=是';
参数+=',目录=否';
参数+=',位置=否';
参数+=',菜单栏=否';
参数+=',可调整大小=否';
参数+=',滚动条=否';
参数+=',状态=否';
参数+=',工具栏=否';
newwin=window.open(url,'FullWindowAll',params);
if(window.focus){newwin.focus()}
返回false;
}

对蹩脚的网页设计投了反对票。当我想要一个全屏窗口时,我会在我的浏览器上最大化它,因为这是一个完全合理的问题。如果是企业内部网的网络应用,“你”想要什么一点都不重要。告诉我的讲师——这是我课程作业的要求之一:)@Tanoku我同意Rob的观点,只是因为“网页”听起来不太好,并不意味着它实际上是用于网站,考虑一下内部应用程序使用非浏览器的可能性,例如HTA,在HTA中,全屏窗口可能是完全可以接受的。不要担心我的网站实际实现了这一点-正如我提到的,我这样做只是为了满足讲师的要求:)不过感谢警告!如果你要告诉他该怎么做,那么就这么做——你是对的(这是个坏主意)——但至少也要给出一个真实的答案。我问了一些问题,得到了这样的答案,没有答案很烦人。你能用提琴例子解释一下吗。@DanishAdeel这里:
window.open(src,“newWin”,“width=“+screen.availWidth+”,height=“+screen.availHeight”)
top=0,left=0更接近全屏。