html页面全屏化显示

最新推荐文章于 2023-11-16 16:43:10 发布

weixin_30945039

最新推荐文章于 2023-11-16 16:43:10 发布

阅读量2.1k

点赞数

原文链接：http://www.cnblogs.com/liwp/p/6894067.html

版权

<html>
<head>
<script>
// toggle full screen
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();
}
}
}
window.onload = function () {
toggleFullScreen();
}
</script>
</head>
<body>
<div οnclick='toggleFullScreen();'>全屏</div>
</body>
</html>