js控制浏览器全屏示例代码

chelen_jak

于 2015-02-15 12:01:30 发布

阅读量1k

点赞数

分类专栏： Web 实用 JavaScript

实用同时被 3 个专栏收录

738 篇文章

订阅专栏

JavaScript

311 篇文章

订阅专栏

Web

102 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现全屏模式的方法，适用于手机端，在PC端可能无效。代码通过检测不同的浏览器前缀来调用requestFullScreen方法进入全屏。

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

来源：http://www.jb51.net/article/47038.htm

//全屏模式(注意：在手机上OK, 在PC上无效)
function fullScreen() {
    var el = document.documentElement;
    var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;

    if (typeof rfs != "undefined" && rfs) {
        rfs.call(el);
    } else if (typeof window.ActiveXObject != "undefined") {
        // for Internet Explorer 
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript != null) {
            wscript.SendKeys("{F11}");
        }
    }
}