当前位置: 首页 > article >正文

JS---获取浏览器可视窗口的尺寸

 

innerHeight 和 innerWidth
这两个方法分别是用来获取浏览器窗口的宽度和高度(包含滚动条的)
 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body,html{
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <script>
        console.log(window.innerHeight,innerHeight)
        console.log(window.innerWidth,innerWidth)
    </script>
</body>
</html>


http://www.kler.cn/news/322943.html

相关文章:

  • FastGPT大模型介绍
  • Android源码管理
  • Stable Diffusion绘画 | SDXL模型使用注意事项
  • OpenCV 进行图像分割
  • 鸿蒙开发(NEXT/API 12)【硬件(外设扩展驱动客户端开发)】驱动开发服务
  • Ubuntu系统设置bond双网卡
  • Java如何解决同时出库入库订单号自动获取问题
  • 第17周 第3章Servlet开发应用实践 ---Servlet启动时加载与错误页面设置
  • 上位机通讯汇川Plc3U和5U
  • vue防止数据过滤,污染原数据
  • Unity 的 UI Event System 是一个重要的框架
  • (done) 声音信号处理基础知识(4) (Understanding Audio Signals for ML)
  • 机器学习查漏补缺(4)
  • 基于python+django+vue的旅游景点数据分析系统
  • iOS--RunLoop原理
  • Python 3 字典
  • 尚庭公寓-接口定义
  • 变种水仙花数 - Lily Number
  • 【Python】Flask-Admin:构建强大、灵活的后台管理界面
  • SpringBootWeb响应
  • java Nio的应用
  • Spring Boot入门指南
  • Angular与Vue的全方位对比分析
  • 实例讲解电动汽车故障限功限速控制策略及Simulink建模方法
  • 快速创建第一个Spring Boot 项目
  • K8s Calico替换为Cilium,以及安装Cilium过程(鲁莽版)
  • linux命令之git用法
  • 智能手机取证: 专家如何从被锁定设备中提取数据?
  • SSH连接提示秘钥无效
  • Vite使用vite-plugin-compression打包资源压缩