我正在构建一个 Web 应用程序,我希望我们的 Web 应用程序默认在浏览器中全屏打开 我希望,当我们的应用程序在浏览器上运行时,它会以全屏模式打开。 我在单击按钮时获得输出,但这不适用于正文的 onload 事件。
Javascript代码:
<script>
function show() {
var elem = document.body;
if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
if (elem.requestFullScreen) {
elem.requestFullScreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullScreen) {
elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
}
}
</script>
HTML 代码: 这是工作
<input type="button" value="click to toggle fullscreen" onclick="show()">
但这不起作用
<body onload="show()">
请帮助我如何实现这一目标。 谢谢。
最佳答案
不允许在没有任何用户交互的情况下启动全屏模式。
关于javascript - 如何在正文加载时以全屏模式(F11 功能)打开网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27226233/