JS实现指定区域的全屏显示功能示例

呈两面包夹芝士

于 2022-07-26 15:32:36 发布

阅读量595

点赞数

分类专栏： Vue2.0 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/Macao7_W/article/details/125995981

版权

这是一个关于如何使用JavaScript实现网页指定区域全屏功能的示例。通过点击按钮，可以将id为'fulldiv'的元素切换到全屏模式，再次点击则退出全屏。代码中包含了对不同浏览器全屏API的兼容处理。

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

<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>指定区域全屏</title>
    <style>
      #fulldiv {
   
        background: #fff;
        width: 100%;
        text-align: center;
        height: 100%;
      }
    </style