js实现f11的全屏效果

           最近项目中需要浏览器全屏的效果、我查了很多资料、终于、找到了一段代码、说是能兼容google chrome 15 +, safri5.1+,firfox10+,IE11支持 、我只试验了火狐可以、360、以及IE8是没有成功滴、下面给大家发下代码、复制到HTML的页面就可以实现啦！

[html]  view plain  copy

1. <input id="Button1" type="button" value="开始全屏" onclick="kaishi()" />  
2. <input id="Button2" type="button" value="关闭全屏" onclick="guanbi()" />  
3.   
4. <script>  
5.     function kaishi()  
6.     {  
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 guanbi() {  
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);  
71.   
72.   
73.   
74.   
75. </script>  

      

https://blog.youkuaiyun.com/u010191034/article/details/42722859