* 全屏方法
*/
function fullScreen(domId){
var element = document.getElementById(domId)
// request fullScreen
this.request = function(){
if(element.requestFullScreen) {
element.requestFullScreen()
} else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if(element.webkitRequestFullScreen) {
// 对 Chrome 特殊处理，
// 参数 Element.ALLOW_KEYBOARD_INPUT 使全屏状态中可以键盘输入。
if ( window.navigator.userAgent.toUpperCase().indexOf( 'CHROME' ) >= 0 ) {
element.webkitRequestFullScreen( Element.ALLOW_KEYBOARD_INPUT )
}
// Safari 浏览器中，如果方法内有参数，则 Fullscreen 功能不可用。
else {
element.webkitRequestFullScreen()
}
}else if(element.msRequestFullscreen){
element.msRequestFullscreen()
}else {
throw new Error("your browser doesn't support the fullScreen,please change or update it.")
}
console.log( element.style.zIndex)
return element.style.zIndex
}
//取消全屏
this.cancelFullscreen = function() {
if(document.cancelFullScreen) {
document.cancelFullScreen()
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if(document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
} else if(document.msExitFullscreen){
document.msExitFullscreen()
} else{
throw new Error("your browser doesn't support the fullScreen,please change or update it.")
}
}
}
//判断当前状态是否为全屏
var isFullScreen = function(){
if(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement)
return true
else
return false
}
chrome上实现全屏非常简单，不是通过在网页中插入js代码实现，而是在chrome的快捷方式上做手脚。下面我以XP系统为演示：安装了chrome以后，chrome会自动在桌面生成一个快捷方式，右键点击后我们可以看到一些东西，其中有一项是目标："这里是chrome的安装地址"，这就是我们重点要说的地方，chrome有可以自由diy的接口，就是通过在安装地址后面加上启动参数，其中全屏参数就是加在这里。全屏参数为：--kiosk。
看完整的示范："C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\Application\chrome.exe" file:///D:/index.html --kiosk
file后面跟的是要启动的网页路径，后面再跟上 --kiosk，注意有空格，意思是双击该快捷方式后，chrome将一全屏形式显示参数中的网页。
这种全屏显示和正常状态下chrome按F11是不一样的，F11全屏后chrome会在左下角显示A标签的链接地址，同时鼠标移动到最上方会弹出退出全屏的提示，可以再次按F11推出全屏模式，而通过参数启动全屏之后，F11将失效，A标签提示和退出全屏提示也将消失，只能通过ALT+F4退出chrome全屏模式，是很彻底的全屏模式，通过这种全屏模式，可以将网站制作成软件形式，可以看出google的云计算的勃勃野心。
