Javascript 重定向页面时html中的全屏问题

当我在下面输入全屏代码，但当我重定向另一个页面时，全屏不工作。当重定向全屏未关闭时，如何执行此操作。我的全屏代码在这里。

函数切换全屏（）{
if（（document.fullScreenElement&&document.fullScreenElement！==null）| |（！document.mozFullScreen&&document.webkitIsFullScreen））{
if（document.documentElement.requestFullScreen）{
document.documentElement.requestFullScreen（）；
}else if（document.documentElement.mozRequestFullScreen）{
document.documentElement.mozRequestFullScreen（）；
}else if（document.documentElement.webkitRequestFullScreen）{
document.documentElement.webkitRequestFullScreen（元素.允许键盘输入）；
}
}否则{
如果（文档取消全屏）{
document.cancelFullScreen（）；
}else if（document.mozCancelFullScreen）{
document.mozCancelFullScreen（）；
}else if（document.webkitcancelfillscreen）{
document.webkitcancelfulscreen（）；
}
}
}

请帮帮我。

：

出现此问题是因为存在两种不同的全屏模式：

• 您使用JavaScript（与API一起使用的JavaScript）触发。重新加载页面或浏览到其他页面时，此全屏将丢失
• 由用户使用F11设置的浏览器的另一个本机设置（应用于浏览器本身，而不是页面/文档：如果重新加载或浏览到其他站点，浏览器将以全屏模式继续）

---

[针对您的特殊情况]：

您正在使用，因此当您导航到其他页面时，整个屏幕将丢失（因为它适用于遗留的特定文档）

一种可能的解决方案是使用占据整个屏幕大小的

iframe

，并将全屏应用于包含它的文档。这样，用户将在全屏文档中的

iframe

中移动

类似这样的内容（由于安全原因，您需要将此代码复制到自己的文件中，代码段中不允许使用框架）：

功能切换全屏（）{
//隐藏按钮
document.getElementById（“mybutton”）.style.display=“无”；
//你的内容
if（（document.fullScreenElement&&document.fullScreenElement！==null）| |（！document.mozFullScreen&&document.webkitIsFullScreen））{
if（document.documentElement.requestFullScreen）{
document.documentElement.requestFullScreen（）；
}else if（document.documentElement.mozRequestFullScreen）{
document.documentElement.mozRequestFullScreen（）；
}else if（document.documentElement.webkitRequestFullScreen）{
document.documentElement.webkitRequestFullScreen（元素.允许键盘输入）；
}
}否则{
如果（文档取消全屏）{
document.cancelFullScreen（）；
}else if（document.mozCancelFullScreen）{
document.mozCancelFullScreen（）；
}else if（document.webkitcancelfillscreen）{
document.webkitcancelfulscreen（）；
}
}
}

#mybutton{z-index:2；位置：绝对；}
iframe{z-index:1；位置：绝对；顶部：0；左侧：0；宽度：100%；高度：100%；}

全屏

您确定该功能正在运行吗？你有任何控制台错误吗？实际发生了什么？是的。为什么。发生了什么。这个问题需要一些帮助。也许你应该阅读并应用它。如果不是我们的话，即使把你的问题放进去也会对你有帮助。问题在于有两种全屏模式：使用JavaScript设置的全屏模式仅应用于文档/元素，而不应用于浏览器窗口

    <script type="text/javascript">

        function toggleFullScreen() {
            if ((document.fullScreenElement && document.fullScreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) {
                if (document.documentElement.requestFullScreen) {
                    document.documentElement.requestFullScreen();
                } else if (document.documentElement.mozRequestFullScreen) {
                    document.documentElement.mozRequestFullScreen();
                } else if (document.documentElement.webkitRequestFullScreen) {
                    document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
                }
            } else {
                if (document.cancelFullScreen) {
                    document.cancelFullScreen();
                } else if (document.mozCancelFullScreen) {
                    document.mozCancelFullScreen();
                } else if (document.webkitCancelFullScreen) {
                    document.webkitCancelFullScreen();
                }
            }
        }
    </script>