Question

我只是javascript中的新手..有人可以帮帮我吗？

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

我有全屏代码..

<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

你不能在页面加载时全屏浏览器。全屏只能由用户事件完成。我也有同样的问题：

请参阅Here以及this

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

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

2 个答案: