javascript 全屏

最新推荐文章于 2023-11-08 18:16:26 发布

yunhaibao

最新推荐文章于 2023-11-08 18:16:26 发布

阅读量132

点赞数 2

分类专栏： javascript 文章标签： javascript js dom html5

本文链接：https://blog.youkuaiyun.com/yunhaibao/article/details/111083655

版权

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文提供了一种实现网页全屏和退出全屏的方法。通过调用不同浏览器前缀的API方法，可以使得页面元素进入或退出全屏状态。适用于多种浏览器环境。

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

语雀：https://www.yuque.com/yunhaibao/30sec/mwxnqe

function Exit() {
    ['exitFullscreen', 'mozExitFullscreen', 'webkitExitFullscreen', 'msExitFullscreen'].every(function (value) {
        if (document[value]) {
            document[value]();
            return false;
        }
        return true;
    });
}

function Full() {
    // IE: 所在frame的此属性为true才行
	window.frameElement.setAttribute('allowfullscreen', true);	
    var element = document.querySelector('body');
    ['requestFullscreen', 'mozRequestFullScreen', 'webkitRequestFullscreen', 'msRequestFullscreen'].every(function (value) {
        if (element[value]) {
            element[value]();
            return false;
        }
        return true;
    });
}