js实现全屏和退出全屏

在JavaScript中，可以使用Fullscreen API来实现全屏和退出全屏的功能。下面是实现全屏和退出全屏的代码示例：

1.实现全屏功能：

// 获取要全屏的元素
var element = document.documentElement;

if (element.requestFullscreen) {
  element.requestFullscreen();
} else if (element.mozRequestFullScreen) { // Firefox
  element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) { // Chrome, Safari and Opera
  element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) { // IE/Edge
  element.msRequestFullscreen();
}

2.实现退出全屏功能：

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();
}

需要注意的是，全屏功能只能在用户交互事件（例如点击按钮）中触发，否则浏览器会阻止全屏请求。另外，不同浏览器对Fullscreen API的支持可能有所不同，因此最好在使用之前进行兼容性检查。