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