js 模拟F11浏览器全屏

目前测试: Google、 Firefox、 IE11、 360 是支持的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js 模拟F11浏览器全屏</title>
</head>
<body>
    <input id="btn1" type="button" value="开始全屏" onclick="kaishi()" />  
    <input id="btn2" type="button" value="关闭全屏" onclick="guanbi()" />  

    <p>目前测试: Google、 Firefox、 IE11、 360 是支持的</p>
  
<script> 
    
    var btn1 = document.getElementById(\'btn1\');
    var btn2 = document.getElementById(\'btn2\');

    btn1.onclick = function(){
        fullScreen();
    }

    btn2.onclick = function(){
        exitFullScreen();
    }

    //开始全屏
    function fullScreen()  
    {  
        var docElm = document.documentElement;  
        //W3C   
        if (docElm.requestFullscreen) {  
            docElm.requestFullscreen();  
        }  
            //FireFox   
        else if (docElm.mozRequestFullScreen) {  
            docElm.mozRequestFullScreen();  
        }  
            //Chrome等   
        else if (docElm.webkitRequestFullScreen) {  
            docElm.webkitRequestFullScreen();  
        }  
            //IE11   
        else if (docElm.msRequestFullscreen) {  
            docElm.msRequestFullscreen();  
        }  
    }  
  
    //退出全屏
    function exitFullScreen() {  
  
  
        if (document.exitFullscreen) {  
            document.exitFullscreen();  
        }  
        else if (document.mozCancelFullScreen) {  
            document.mozCancelFullScreen();  
        }  
        else if (document.webkitCancelFullScreen) {  
            document.webkitCancelFullScreen();  
        }  
        else if (document.msExitFullscreen) {  
            document.msExitFullscreen();  
        }  
    }  
</script> 
</body>
</html>