如何用html5 js实现浏览器全屏

Question

如题所述

Answer 1

项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按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();
}