html5-全屏操作

       <!--全屏操作的主要方法和属性
            不同浏览器需要添加不同的前缀
            chrome:webkit  firefox:moz ie:ms opera:o
            1,requestFullScreen():开启全屏显示
            2,cancelFullScreen():退出全屏显示 : document 调用
            3,fullScreenElement:是否是全屏状态 : document 调用
        -->
        
        <div id="div">
            
        </div>
        
        
        <script>
            
            
                
            document.getElementById("div").webkitRequestFullScreen();
            document.webkitCancelFullScreen();
            document.webkitFullscreenElement
            
            
        </script>