HTML5中提供了全屏API，可以為網(wǎng)頁提供全屏模式的體驗(yàn)。在實(shí)現(xiàn)全屏模式之前，首先需要了解幾個(gè)相關(guān)的方法：

document.fullscreenEnabled // 返回布爾值，表示是否支持全屏
document.fullscreenElement // 返回當(dāng)前全屏的元素，如果沒有則返回null
document.exitFullscreen() // 退出全屏

在實(shí)現(xiàn)全屏模式時(shí)，需要對(duì)需要全屏顯示的元素進(jìn)行處理。

// 獲取需要全屏顯示的元素
var elem = document.getElementById("target");
// 全屏設(shè)置
elem.requestFullscreen()
.catch(function(error) {
console.log(error.message);
});

以上代碼中的requestFullscreen()方法是用來啟動(dòng)全屏模式的。如果全屏設(shè)置成功，則fullscreenElement會(huì)返回對(duì)應(yīng)的元素。

退出全屏模式的代碼如下：

document.exitFullscreen();

需要注意的是，在不同的瀏覽器中，全屏API的實(shí)現(xiàn)可能存在差異。因此，在實(shí)現(xiàn)全屏模式時(shí)需要做好兼容性處理。