如何实现一个网页全屏功能

很简单,只需要一个按钮触发一个方法即可,方法如下:

function fullScreen(){
    
   //判断当前网页是否是全屏状态
    let full=document.fullscreenElement;
    //如果不是则进入全屏幕
    if(!full){
        document.documentElement.requestFullscreen();
        ElMessage({
            message:'再次点击可退出全屏',
            type:'success'
        }      
        )
    }else{//如果是则退出全屏
        document.exitFullscreen()
    }
}

你可能感兴趣的:(web,前端,javascript,开发语言)