1、全屏模式:通过requestFullscreen()方法发送异步请求,实现元素全屏显示varscreenDom=document.getElementById('monitoringStatistics');如果(screenDom.requestFullscreen){screenDom.requestFullscreen();}elseif(screenDom.webkitRequestFullScreen){screenDom.webkitRequestFullScreen();}elseif(screenDom.mozRequestFullScreen){screenDom.mozRequestFullScreen();}elseif(screenDom.msRequestFullScreen){screenDom.msRequestFullScreen();全屏模式if(document.exitFullscreen){document.exitFullscreen();}elseif(document.mozCancelFullScreen){document.mozCancelFullScreen();}elseif(document.webkitExitFullscreen){document.webkitExitFullscreen();}elseif(.msExitFullscreen){document.msExitFullscreen();requestFullscreen()方法只能在用户交互或设备方向改变时调用,否则会失败。比如onload事件不能触发路由页面跳转,必须先退出全屏模式进入全屏的元素会脱离其父元素,所以可能会导致之前某些css失效,可以使用:全screen伪类解决了给元素添加全屏时的样式(为了兼容,使用时添加-webkit、-moz或-ms前缀)。一个元素A全屏后,其子元素需要再次全屏,元素A需要先退出全屏【感谢博主的付出:】以上链接来自:(https://blog.csdn.net/xiaoxia...)
