JS实现全屏

在JavaScript中实现全屏功能，通常我们使用HTML5的 Fullscreen API。下面是一个基本的例子：

function openFullscreen(elem) {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.mozRequestFullScreen) { /* Firefox */
    elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari 和 Opera */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE/Edge */
    elem.msRequestFullscreen();
  }
}

function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.mozCancelFullScreen) { /* Firefox */
    document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE/Edge */
    document.msExitFullscreen();
  }
}

在这个例子中，openFullscreen 函数接受一个元素 elem 作为参数，并尝试将这个元素置于全屏模式。类似地，closeFullscreen 函数尝试退出全屏模式。

要使用这些函数，你可以将一个元素作为参数传递给 openFullscreen，或者调用 closeFullscreen 函数来退出全屏模式。例如：

let elem = document.documentElement; /* 全屏整个页面 */
openFullscreen(elem);

请注意，全屏请求通常需要在用户交互（如点击或键盘事件）的结果中进行，否则浏览器可能会阻止全屏模式