js如何设置浏览器全屏效果？

现在很多网页游戏进入游戏界面后都是全屏显示的效果，很多人问我这个要怎么实现，其实这个只要调用Fullscreen API就可以实现了作为一个比较新的 API，目前只有 Safari、Chrome 和 FireFox以及IE10以上的浏览器才支持该特性。因为尚未发布正式版的标准，所以必须使用浏览器特定的方法，也就是应用添加前缀（webit/moz）的方法。

这个 API 不仅能够使整个页面全屏显示，也可以使页面中的某个元素全屏显示。它的设计初衷是为了全屏显示 HTML5 视频和游戏，以便更全面的替代 flash 功能。尽管还有很多有待完善的地方，但是作为一个新的浏览器特性，在某些地方还是能够极大地增强用户体验。

我们要设置全屏效果，可以参考如下实例：

  var fullscreen = function () {
	        elem = document.body;
	        if (elem.webkitRequestFullScreen) {
	            elem.webkitRequestFullScreen();
	        } else if (elem.mozRequestFullScreen) {
	            elem.mozRequestFullScreen();
	        } else if (elem.requestFullScreen) {
	            elem.requestFullscreen();
	        } else {
	            //浏览器不支持全屏API或已被禁用  
	        }
	    }