HTML5新增的接口--全屏接口

全屏API

这个全屏操作可以将某个dom元素放大为全屏显示，此时，宽和高就是浏览器视口的宽和高
分别包括全屏的主要方法和属性
 函数
  requestFullScreen();//开启全屏显示
  cancelFullScreen()；退出全屏
 属性
  fullScreenElement;是否是全屏状态
 由于不同浏览器对这个方法或属性的兼容性不一样，需要根据不同的
 浏览器，添加不同的前缀
  chrom:webkit
  firefox:moz
  ie:ms

全屏操作

使用requestFullScreen函数实现全屏

  let dom=document.querySelect("div");
  //处理兼容性问题
   dom.requestFullScreen()||
    dom.webkitRequestFullScreen()||
      dom.webkitRequestFullScreen()||
        dom.msRequestFullScreen();

退出全屏

  退出全屏只能使用document实现，包括判断是否document来判断
  document.cancelFullScreen()||
    document.webkitCancelFullScreen()||
      document.mozCancelFullScreen()||
        document.msCancelFullScreen();

判断是否是全屏状态

判断是否全屏,不是全局就返回null
let ifFull = document.fullScreenElement||
  document.webkitFullscreenElement||
    docuement.mozFullScreenElement||
      docuement.msFullscreenElement;
  if(isFull){
   log("true");
  }else{
  log("false");
  }