html5实现浏览器自动全屏,[JavaScript] 用html5 js实现浏览器全屏

项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的

效果。 在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以

让页面中的图片，视频等全屏目前只有google chrome 15 +,safri5.1+,firfox10+,IE11支持

全屏：

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();

}

退出全屏

if (document.exitFullscreen) {

document.exitFullscreen();

}

else if (document.mozCancelFullScreen) {

document.mozCancelFullSc