页面全屏的效果

// 全屏
function fullScreen() {
    // 获取页面是否为全屏,全屏是true，不是全屏是null/false
    // console.log(document.fullscreenElement);
    let full = document.fullscreenElement
    // 切换全屏
    if (!full) {
        // 文档根节点requestFullscreen方法可以实现全屏的效果
        document.documentElement.requestFullscreen()
    } else {
        // 如果是全屏就退出全屏
        document.exitFullscreen()
    }
}