js实现页面全屏展示
warning:
这篇文章距离上次修改已过441天，其中的内容可能已经有所变动。
在JavaScript中，实现页面全屏展示可以通过调用requestFullscreen方法。以下是一个简单的示例代码，展示了如何切换全屏模式：
function toggleFullScreen() {
if (!document.fullscreenElement) { // 不在全屏模式
document.documentElement.requestFullscreen();
} else { // 已在全屏模式
if (document.exitFullscreen) {
document.exitFullscreen();
}
}
}
// 绑定按钮点击事件
document.getElementById('fullscreen-button').addEventListener('click', toggleFullScreen);HTML部分：
<button id="fullscreen-button">切换全屏</button>这段代码定义了一个toggleFullScreen函数，当按钮被点击时，会检查是否已经处于全屏模式，如果不是则进入全屏模式，如果是则退出全屏模式。需要注意的是，不同的浏览器可能需要前缀，例如webkitRequestFullScreen、mozRequestFullScreen等，但上述代码已经包含了对这些前缀的处理。
评论已关闭