1.统一样式
因为不同的浏览器的样式不一致，所以，最好统一样式
:-webkit-full-screen {
/* properties */
}
:-moz-full-screen {
/* properties */
}
:-ms-fullscreen {
/* properties */
}
:full-screen { /*pre-spec */
/* properties */
}
:fullscreen { /* spec */
/* properties */
}
/* deeper elements */
:-webkit-full-screen video {
width: 100%;
height: 100%;
}
/* styling the backdrop*/
::backdrop {
/* properties */
}
::-ms-backdrop {
/* properties */
}
2.全屏和退出全屏的方法
// 判断各种浏览器，找到正确的方法
function launchFullscreen(element) {
if(element.requestFullscreen) {
element.requestFullscreen();
} else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if(element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if(element.msRequestFullscreen) {
element.msRequestFullscreen();
}
}
function exitFullscreen() {
if(document.exitFullscreen) {
document.exitFullscreen();
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if(document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}
3.调用
启动全屏 退出全屏
更多的相关html5特性，请戳我

JQuery实现网页全屏代码，不多说，贴代码
// 全屏代码
function fullScreen() {
    var elem = document.body;
    if (elem.webkitRequestFullScreen) {
        elem.webkitRequestFullScreen();
    } else if (elem.mozRequestFullScreen) {
        elem.mozRequestFullScreen();
    } else if (elem.requestFullScreen) {
        elem.requestFullscreen();
    } else {
        notice.notice_show("浏览器不支持全屏API或已被禁用", null, null, null, true, true);
    }
}
function exitFullScreen() {
    var elem = document;
    if (elem.webkitCancelFullScreen) {
        elem.webkitCancelFullScreen();
    } else if (elem.mozCancelFullScreen) {
        elem.mozCancelFullScreen();
    } else if (elem.cancelFullScreen) {
        elem.cancelFullScreen();
    } else if (elem.exitFullscreen) {
        elem.exitFullscreen();
    } else {
        notice.notice_show("浏览器不支持全屏API或已被禁用", null, null, null, true, true);
    }
}

最近遇到一个奇葩的需求，通过输入网址访问网页的时候浏览器自动进入全屏浏览模式。
初步尝试后实现方案如下：
1）.对于IE，通过window.open通过新建一个全屏页面进入全屏，然后关闭当前页面，但是有一个问题，通过js来关闭页面会弹出提示框询问是否关闭。而且全屏的页面无法通过esc或鼠标点击关闭，只能用alt+f4来关闭，这是个很粗暴的用户体验。
2）.对于chrome，ff，针对IE的方法不能生效。于是想到通过HTML5来实现。HTML5有一个实现全屏的api，通过调用这个api来实现全屏。问题是，这个全屏api只能通过点击等用户的行为来触发。也就是说无法让网页打开后通过js模拟点击来进入全屏，只能是用户点击相应按钮来进入全屏。


最终这个功能的实现失败了。


纠结了两天，终于发现，无法实现的原因是浏览器厂商出于安全性考虑而做的限制。