JavaScript、jQuery获取屏幕宽度

最新推荐文章于 2025-05-28 22:36:25 发布

苏喂苏喂苏喂su

最新推荐文章于 2025-05-28 22:36:25 发布

阅读量884

点赞数

CC 4.0 BY-SA版权

分类专栏： BOM 文章标签：获取浏览器窗口尺寸

本文链接：https://blog.youkuaiyun.com/joyvonlee/article/details/84392221

BOM 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了使用jQuery和原生JavaScript获取浏览器窗口宽度和高度的方法，包括如何监听窗口大小变化事件，适用于不同版本的浏览器。

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

jquery获取当前浏览器可视区域宽度方法：

$(window).width()

jquery获取当前浏览器可视区域高度方法：

$(window).height()

浏览器窗口发生大小的时候发生的事件：resize()

用法：

$(window).resize(function () {
   console.log($(window).width());    // 浏览器窗口大小改变时，获取浏览器窗口可视区域的大小
})

原生JavaScript获取浏览器窗口宽度、高度

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

console.log("宽度为：" + w + "高度为：" + h);

window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
Internet Explorer 8、7、6、5：
document.documentElement.clientHeight
document.documentElement.clientWidth
或者
document.body.clientHeight
document.body.clientWidth