要使用 jQuery 将浏览器设置为全屏模式,你可以使用浏览器原生的 Fullscreen API。以下是一个简单的示例代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fullscreen Example</title> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> </head> <body> <button id="fullscreenButton">进入全屏模式</button> <script> $(document).ready(function() { var fullscreenButton = document.getElementById('fullscreenButton'); fullscreenButton.addEventListener('click', function() { toggleFullscreen(); }); function toggleFullscreen() { if (!document.fullscreenElement) { document.documentElement.requestFullscreen(); } else { if (document.exitFullscreen) { document.exitFullscreen(); } } } }); </script> </body> </html>
上述代码创建了一个按钮,当点击按钮时,它会切换浏览器是否处于全屏模式。请注意,这里使用了原生的 JavaScript requestFullscreen 和 exitFullscreen 方法,而不是 jQuery。
确保在 head 部分引入了 jQuery 库。你可以根据需要调整代码以适应你的项目。