使用HTML5js通过单击按钮实现全屏效果

这个项目需要后台浏览器窗口，全屏，我们点击一个按钮实现F11全屏效果，HTML5，W3C开发全屏API，可以实现全屏效果，或使画面，在网页视频等全屏幕目前只有谷歌浏览器15 +，safri5.1 +，firfox10 +，IE11支持。

全屏幕
复制代码代码如下所示：
无功docelm = document.documentelement；

如果（docelm。requestfullscreen）{
DocElm.requestFullscreen（）；
}
Firefox
如果（docelm。mozrequestfullscreen）{
DocElm.mozRequestFullScreen（）；
}
/铬等
如果（docelm。webkitrequestfullscreen）{
DocElm.webkitRequestFullScreen（）；
}
/ / IE11
如果（元素。msrequestfullscreen）{
elem.msrequestfullscreen（）；
}

退出全屏
复制代码代码如下所示：
如果（文件。exitfullscreen）{
document.exitfullscreen（）；
}
如果（文件。mozcancelfullscreen）{
document.mozcancelfullscreen（）；
}
如果（文件。webkitcancelfullscreen）{
document.webkitcancelfullscreen（）；
}
如果（文件。msexitfullscreen）{
document.msexitfullscreen（）；
}

事件监听器
复制代码代码如下所示：
Document.addEventListener（fullscreenchange
fullscreenstate.innerhtml =（文件。全屏）：不；}，假）；

Document.addEventListener（mozfullscreenchange
fullscreenstate.innerhtml =（文档。mozfullscreen）不；}，假）；

Document.addEventListener（webkitfullscreenchange
fullscreenstate.innerhtml =（文档。webkitisfullscreen）不；}，假）；
Document.addEventListener（msfullscreenchange
fullscreenstate.innerhtml =（文档。msfullscreenelement）不；}，假）；

全屏样式设置

我们还可以为浏览器全屏使用样式设置。
复制代码代码如下所示：
HTML：-moz全屏{
背景：红色；
}

HTML：WebKit的全屏{
背景：红色；
}

HTML：全屏{
背景：红色；
}