js 控制浏览器全屏显示

本文转载自查看原文 2020-05-15 13:13 1576 JavaScript

<html>
<head>
    <script>
        function enterFullscreen() {
            var docElm = document.documentElement;
            //W3C
            if(docElm.requestFullscreen) {
                docElm.requestFullscreen();
            }
            //FireFox
            else if(docElm.mozRequestFullScreen) {
                docElm.mozRequestFullScreen();
            }
            //Chrome等
            else if(docElm.webkitRequestFullScreen) {
                docElm.webkitRequestFullScreen();
            }
            //IE11
            else if(docElm.msRequestFullscreen) {
                docElm.msRequestFullscreen();
            }
        }
        function exitFullscreen() {
            //W3C
            if (document.exitFullscreen) {
                document.exitFullscreen();
            }
            //FireFox
            else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            }
            //Chrome等
            else if (document.webkitCancelFullScreen) {
                document.webkitCancelFullScreen();
            }
            //IE11
            else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            }
        }
    </script>
</head>
<body>
    <h1>测试全屏功能</h1>
    <button onclick="enterFullscreen()">进入全屏</button>
    <button onclick="exitFullscreen()">退出全屏</button>
</body>
</html>

转自： https://blog.csdn.net/ning0_o/article/details/69566590

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 JavaScript 操作浏览器全屏整理_Js 控制浏览器全屏处理 Egret--设置全屏，控制浏览器全屏 js 实现各浏览器全屏浏览器全屏的JS代码实现 [转] JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件原生js实现浏览器全屏和退出全屏 JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件 JS 实现页面在浏览器中全屏显示（F11效果） js控制全屏显示用浏览器打开pdf格式的文件默认全屏显示