HTML5中提供了全屏API，可以為網頁提供全屏模式的體驗。在實現全屏模式之前，首先需要了解幾個相關的方法：

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

在實現全屏模式時，需要對需要全屏顯示的元素進行處理。

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

以上代碼中的requestFullscreen()方法是用來啟動全屏模式的。如果全屏設置成功，則fullscreenElement會返回對應的元素。

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

document.exitFullscreen();

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