【javascript】页面全屏

最新推荐文章于 2024-07-19 15:49:07 发布

原创最新推荐文章于 2024-07-19 15:49:07 发布 · 122 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

该代码段展示了如何使用JavaScript的全屏API来使页面或特定元素进入全屏模式。函数`full()`获取ID为rightFrame的元素并调用`requestFullScreen()`方法。如果浏览器不支持标准的全屏API，代码会尝试使用Webkit、Mozilla或MS的前缀版本，或者模拟按下F11键以达到全屏效果。

//调用的全屏方法
function full() {
            //通过ID获取元素
            var Dom = window.top.document.getElementById('rightFrame')
            //调用全屏方法将元素全屏
            requestFullScreen(Dom)
        }
//全屏方法
function requestFullScreen(element) {
            var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
            if (requestMethod) {
                requestMethod.call(element);
            } else if (typeof window.ActiveXObject !== "undefined") {
                var wscript = new ActiveXObject("WScript.Shell");
                if (wscript !== null) {
                    wscript.SendKeys("{F11}");
                }
            }
        }