js 实现浏览器全屏效果（F11）

1. <button οnclick="isStart()">全屏</button>
2. <button οnclick="start()">开启全屏模式</button> 
3. <button οnclick="close()">关闭全屏模式</button>
   
4. <script>  
5. var _switch = true;
       function isStart(){
           if (_switch == true) {
               start();
               _switch = false;
           } else {
               close();
               _switch = true;
           };
       };
   
6.     function start()  
7.     {  
8.   
9.         var docElm = document.documentElement;  
10.         //W3C   
11.         if (docElm.requestFullscreen) {  
12.             docElm.requestFullscreen();  
13.         }  
14.             //FireFox   
15.         else if (docElm.mozRequestFullScreen) {  
16.             docElm.mozRequestFullScreen();  
17.         }  
18.             //Chrome等   
19.         else if (docElm.webkitRequestFullScreen) {  
20.             docElm.webkitRequestFullScreen();  
21.         }  
22.             //IE11   
23.         else if (elem.msRequestFullscreen) {  
24.             elem.msRequestFullscreen();  
25.         }  
26.     }  
27.   
28.     function close() {  
29.   
30.   
31.         if (document.exitFullscreen) {  
32.             document.exitFullscreen();  
33.         }  
34.         else if (document.mozCancelFullScreen) {  
35.             document.mozCancelFullScreen();  
36.         }  
37.         else if (document.webkitCancelFullScreen) {  
38.             document.webkitCancelFullScreen();  
39.         }  
40.         else if (document.msExitFullscreen) {  
41.             document.msExitFullscreen();  
42.         }  
43.     }  
44.   
45.   
46.   
47.   
48.     document.addEventListener("fullscreenchange", function () {  
49.           
50.         fullscreenState.innerHTML = (document.fullscreen) ? "" : "not ";  
51.     }, false);  
52.      
53.   
54.       
55.     document.addEventListener("mozfullscreenchange", function () {  
56.          
57.         fullscreenState.innerHTML = (document.mozFullScreen) ? "" : "not ";  
58.     }, false);  
59.       
60.   
61.      
62.     document.addEventListener("webkitfullscreenchange", function () {  
63.           
64.         fullscreenState.innerHTML = (document.webkitIsFullScreen) ? "" : "not ";  
65.     }, false);  
66.       
67.     document.addEventListener("msfullscreenchange", function () {  
68.           
69.         fullscreenState.innerHTML = (document.msFullscreenElement) ? "" : "not ";  
70.     }, false);