js 浏览器全屏

最新推荐文章于 2025-04-01 15:45:39 发布

cofecode

最新推荐文章于 2025-04-01 15:45:39 发布

阅读量536

点赞数

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

本文链接：https://blog.youkuaiyun.com/cofecode/article/details/78899987

版权

js 专栏收录该内容

25 篇文章

订阅专栏

这篇博文写的比较好，收藏下

https://www.cnblogs.com/javaee6/p/3756249.html

全屏有兼容性问题，这里针对谷歌浏览器举例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <button onclick="fullScreen()">全屏</button>
    <button onclick="exitFullScreen()">退出全屏</button>
    <div style="background:red;width:200px;height:200px" id="box">111</div>
    <script>
        function fullScreen () {
            document.documentElement.webkitRequestFullScreen()
        }
        function exitFullScreen () {
            document.webkitCancelFullScreen()
        }
    </script>
</body>
</html>