javascript - 如何在正文加载时以全屏模式(F11 功能)打开网页

标签 javascript jquery html

我正在构建一个 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/

相关文章:

javascript - 如何使用 JavaScript 将名称属性分配给动态选择选项

javascript - 如何在slideUp之后执行scrollTop

jquery - 从其他页面上的链接覆盖默认的 jQuery UI 选项卡

html - 滚动时,正文一直到导航栏

html - 表格格式问题

javascript - 如何在整页图像 slider 中提供箭头键事件

javascript - 为什么动态值没有填充在自动完成组合框中?

jquery - 当包含 bootstrap.js 时,Bootstrap 3.x 导航栏链接无处可去

jquery - HTML5 中的交互式图像

javascript - 如何编写适用于 Promise.resolve() 的 Promise 的 polyfill?