【javascript】页面全屏

最新推荐文章于 2024-08-30 17:06:55 发布

MoFe1

最新推荐文章于 2024-08-30 17:06:55 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/MoFe1/article/details/130214827

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//调用的全屏方法
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}");
                }
            }
        }