js實現點選一個按鈕達到瀏覽器全屏效果
專案中需要將後臺瀏覽器的視窗全屏,也就是我們點選一個按鈕要實現按F11全屏的效果。 在HTML5中,W3C制定了關於全屏的API,就可以實現全螢幕的效果,也可以讓頁面中的圖片,視訊等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支援
全屏
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
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
(elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}
|
退出全屏
1 2 3 4 5 6 7 8 9 10 11 12 |
if
|