通过javascript获取浏览器窗口、文档主体的实际大小以及获取终端设备(屏幕显示器)的可用大小

本文介绍了四种获取浏览器及屏幕尺寸的方法,包括获取浏览器窗口大小(含滚动条)、文档主体实际大小等,适用于不同应用场景。

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

【1】获取浏览器窗体大小方法(包含浏览器滚动条宽高)

  var window_w = window.innerWidth;    
  var window_h = window.innerHeight;  

------------------------------------------------------------------------------------------------------------

【2】获取浏览器窗体大小方法(包含浏览器滚动条宽高)★ 

  var window_w = document.documentElement.clientWidth;    
  var window_h = document.documentElement.clientHeight;   

------------------------------------------------------------------------------------------------------------

【3】 获取文档主体实际大小(包含浏览器滚动条的宽高)

  var body_w = document.body.clientWidth;

  var body_h = document.body.clientHeight;

------------------------------------------------------------------------------------------------------------

【4】获取终端设备显示器的可用宽高(包含了浏览器滚动条以及工具栏宽高)

  var screen_w = screen.availWidth;

  var screen_h = screen.availHeight;


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值