如何用JavaScript实现网页全屏显示的详细示例？

本文共计654个文字，预计阅读时间需要3分钟。

前言：以下是一个全屏demo，包含全屏事件、退出全屏事件以及屏幕状态变化的按钮函数封装。以下是一个完整的示例，只需整体复制并运行即可。

全屏Demo body { margin: 0; padding: 0; } #container { width: 100%; height: 100%; background: #f0f0f0; } #fullscreenButton { position: fixed; top: 10px; left: 10px; padding: 10px; background: #007bff; color: white; cursor: pointer; }

全屏

示例：请复制以上代码到HTML文件中，并在浏览器中打开查看全屏功能示例。