在页面加载后立即调用Dofullscreen功能

时间:2013-05-07 09:36:42

标签: javascript jquery

以下是脚本

 <script type="text/javascript">
            function DoFullScreen() {

                var isInFullScreen = (document.fullScreenElement && document.fullScreenElement !== null) ||    // alternative standard method  
                (document.mozFullScreen || document.webkitIsFullScreen);

                var docElm = document.documentElement;
                if (!isInFullScreen) {

                    if (docElm.requestFullscreen) {
                        docElm.requestFullscreen();
                    }
                    else if (docElm.mozRequestFullScreen) {
                        docElm.mozRequestFullScreen();
                        //alert("Mozilla entering fullscreen!");
                    }
                    else if (docElm.webkitRequestFullScreen) {
                        docElm.webkitRequestFullScreen();
                        alert("Webkit entering fullscreen!");
                    }
                }
            }

        </script>

HTML

<body onload="DoFullScreen()">
    <form id="form1" runat="server" >
        <div id="div1">
            <input id="bt1" type="button" value="button"   />
            Hello
        </div>
    </form>
</body>

我试过了

  1. $(window).load
  2. $(document).ready(function(){ $("#bt1").load

3 个答案:

答案 0 :(得分:1)

- 如果不是由用户操作触发,则无法强制全屏

- 看看这个

full-screen browser window on load document

答案 1 :(得分:0)

准备好调用你的功能

  

(文档)$。就绪(函数(){

     

DoFullScreen();

     

}

答案 2 :(得分:0)

你可以使用纯javascript这样做:

<script type="text/javascript">
window.onload = function () {

                // YOUR CODE STUFF 

                }
</script>