html 设置浏览器全屏显示,JavaScript控制浏览器全屏显示简单示例

本文实例讲述了JavaScript控制浏览器全屏显示。分享给大家供大家参考，具体如下：

www.jb51.net JS全屏显示

全屏显示

退出全屏

// 判断各种浏览器，找到正确的方法

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();

}

}

// 退出全屏模式!

exitFullscreen();

使用本站HTML/CSS/JS在线运行测试工具：http://tools.jb51.net/code/HtmlJsRun，可得到如下测试运行效果：

希望本文所述对大家JavaScript程序设计有所帮助。