Javascript 加载网站应全屏显示

Javascript 加载网站应全屏显示,javascript,html,Javascript,Html,嗨,我在一个使用HTML CSS JavaScript和jQuery的网站上工作。 我想显示网站全屏(如当我们点击F11)onload。我能够进入全屏使用onclick甚至。但对于onload事件,全屏脚本不起作用。当我加载一个站点时,它应该全屏显示。请帮忙。这是我的密码: 以下是我的HTML代码: <html id="player3"> <body onload="goFullscreen('player');"> </body> </html

嗨,我在一个使用HTML CSS JavaScript和jQuery的网站上工作。 我想显示网站全屏(如当我们点击F11)onload。我能够进入全屏使用onclick甚至。但对于onload事件,全屏脚本不起作用。当我加载一个站点时,它应该全屏显示。请帮忙。这是我的密码: 以下是我的HTML代码:

<html id="player3">
  <body onload="goFullscreen('player');">
  </body>
</html>

代码中有错误:
您的函数没有参数: 函数goFullscreen()

但当您调用它时,会将参数传递给函数: onload=“goFullscreen('player');”

如果一切正常。您应该将javascript函数放入$(document).ready()

此解决方案:

浏览器不允许在没有用户交互的情况下以全屏模式加载站点。您将收到以下错误消息

未能在“元素”上执行“requestFullScreen”:只能通过用户手势启动API


若要处理此更改,请更改用户体验,使用户与您的站点交互,以进入全屏模式。

您可以在加载时在正文中使用此代码创建index.html,请在“fullScreenPage.html”中填写您可以全屏打开的页面的url

<body onload="window.open('fullScreenPage.html, '', 'fullscreen=yes, scrollbars=auto');"></body>

我添加了onload、ondrag、onmouseover、oncontextmenu等功能,以确保它始终处于全屏状态


加载页面全屏显示
*:全屏,*:-webkit全屏,*:-moz全屏{
背景色:rgba(255255,0)!重要;
填充:20px;
}
::背景
{
背景色:白色;
}
var elem=document.getElementById(“appin”);
函数openFullscreen(){
if(元素请求全屏){
元素请求全屏();
}else if(elem.webkitRequestFullscreen){/*Safari*/
elem.webkitRequestFullscreen();
}else if(elem.msRequestFullscreen){/*IE11*/
elem.msRequestFullscreen();
}
}
注意:Internet Explorer 10和早期版本不支持msRequestFullscreen()方法

注意:它在iFrame上不起作用,也就是说,它在stackoverflow上不起作用。将代码复制并粘贴到ex.w3schools,它将起作用:)


Try linking其调用与文档可能重复。ready()我尝试将其与文档链接。ready()仍不工作全屏在onload事件中不工作我添加了参数函数goFullscreen(player),仍不工作。使用onclick eventi可以很好地处理同一个站点。我试图链接document.ready(),但仍然面临相同的问题
<body onload="window.open('fullScreenPage.html, '', 'fullscreen=yes, scrollbars=auto');"></body>