如何实现html 自动全屏,HTML+CSS入门 如何实现全屏显示

本篇教程介绍了HTML+CSS入门 如何实现全屏显示，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

<

JavaScript代码:

function toggleFullScreen() {

if (!document.fullscreenElement && // alternative standard method

!document.mozFullScreenElement && !document.webkitFullscreenElement) {// current working methods

if (document.documentElement.requestFullscreen) {

document.documentElement.requestFullscreen();

} else if (document.documentElement.mozRequestFullScreen) {

document.documentElement.mozRequestFullScreen();

} else if (document.documentElement.webkitRequestFullscreen) {

document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);

}

} else {

if (document.cancelFullScreen) {

document.cancelFullScreen();

} else if (document.mozCancelFullScreen) {

document.mozCancelFullScreen();

} else if (document.webkitCancelFullScreen) {

document.webkitCancelFullScreen();

}

}

}

html代码

本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML/CSS频道，获取更多HTML/CSS知识！