• js 控制浏览器全屏显示


    <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
  • 相关阅读:
    8-JS闭包、回调实例
    7-闭包、回调
    6-JS函数(二)
    5-JS函数
    4-JS对象
    3-WebPack
    2-Babel
    1-NPM
    25-React事件处理及条件渲染
    java初始化笔记
  • 原文地址:https://www.cnblogs.com/xwgli/p/12894321.html
Copyright © 2020-2023  润新知