如何在点击链接/按钮后全屏显示页面？

Question

我只是个javascript新手..有人能帮帮我吗？

例如，我需要在点击某个按钮/链接后全屏显示我的页面。我在page1上，当我点击按钮时，它会将我重定向到page2，并自动全屏显示。

我有这个全屏的代码..

<script type="text/javascript">
// Find the right method, call on correct element
function launchFullScreen(element) {
 if(element.requestFullScreen) {
   element.requestFullScreen();
 } else if(element.mozRequestFullScreen) {
   element.mozRequestFullScreen();
 } else if(element.webkitRequestFullScreen) {
   element.webkitRequestFullScreen();
 }
 }
 </script>
 <button onclick =" launchFullScreen(document.documentElement);">fullscreen!</button>

-此代码仅全屏显示当前页面，我需要的是首先导航到另一个页面，然后全屏。提前谢谢..感谢所有的回复/意见..

Answer 1

您应该使用而不是。在第2页中，使用以下代码：

<script>
    function launchFullScreen(element) {
        if(element.requestFullScreen) {
            element.requestFullScreen();
        } else if(element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
        } else if(element.webkitRequestFullScreen) {
            element.webkitRequestFullScreen();
        }
    }
    window.onload = function () {
        launchFullScreen(document.documentElement);
    }
</script>

UPD:首先，我对错误的信息表示歉意。你不能在加载时全屏显示。不应该使用window.onload，而应该使用

<a href="page2" onclick="launchFullScreen(document.documentElement)"></a>

因此，当页面加载时，浏览器将进入全屏模式。

Answer 2

你不能全屏浏览器页面上的load.Full屏幕只能由用户事件来完成。我也有同样的问题：

请参阅Here和this

https://wiki.mozilla.org/Gecko:FullScreenAPI#Suggested_UA_Policy