JQuery获取窗体可视宽度和高度的方法

最新推荐文章于 2025-07-06 15:59:06 发布
原创 最新推荐文章于 2025-07-06 15:59:06 发布 · 1.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #function #css

本文提供了两个JavaScript函数，用于获取浏览器窗口的高度和宽度。这些函数兼容不同的浏览器环境，包括Internet Explorer和其他现代浏览器。

function getTotalHeight(){
 if($.browser.msie){
  return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : document.body.clientHeight;
 }else{
  return self.innerHeight;
 }
}
function getTotalWidth (){
 if($.browser.msie){
  return document.compatMode == "CSS1Compat"? document.documentElement.clientWidth : document.body.clientWidth;
 }else{
  return self.innerWidth;
 }
}

qc_mwq
关注
jQuery获取文档和窗口宽度和高度的方法
ByteZenith的博客
10-07 334
在这篇文章中，我们将探讨如何使用jQuery来获取文档和窗口的宽度和高度。这些信息对于响应式设计和布局非常重要，因为它们帮助我们确定页面的尺寸和浏览器视口的大小。在本文中，我们学习了如何使用jQuery来获取文档和窗口的宽度和高度。来获取文档的宽度和高度，并将结果打印到控制台。这些方法返回浏览器窗口的宽度和高度（不包括滚动条）。这些方法返回文档的宽度和高度（包括滚动条）。来获取窗口的宽度和高度，并将结果打印到控制台。要获取文档的宽度和高度，我们可以使用。要获取窗口的宽度和高度，我们可以使用。
js获取浏览器宽度高度（整理）
天马3798
12-10 1万+
● window.innerHeight： 浏览器内页面可用高度，此高度包含了水平滚动条的高度(若存在)。● window.innerWidth： 浏览器内页面可用宽度，此宽度包含了垂直滚动条的宽度(若存在)。● window.outerWidth： 浏览器宽度，包含了浏览器边框所以这种方式不常用。一般情况作为前端获取浏览器宽度，主要是指获取body的宽度，可操作的可视范围宽度。重点，jquery获取的宽度=浏览器的可视宽度-滚动条的宽度（如果有滚动条）
jQuery获取浏览器窗口高度和宽度
czckaito的博客
11-11 4430
获取浏览器可视区域高度和宽度，该值随浏览器放大缩小变化而变化 $(window).height(); $(window).width(); 获取页面文档的高度和宽度，该值不会因浏览器放大缩小而改变 $(document).height(); $(document).width(); 获取页面body的高度和宽度 $(document.body).height(); $(document.body).width(); 获取页面body的总高度和总宽度，包含边框、内边距和外边距 $(document.body.
JQuery获取浏览器窗口的高度和宽度
飙歌的博客
12-16 1697
$(window).height(); //浏览器时下窗口可视区域高度 $(document).height(); //浏览器时下窗口文档的高度 $(document.body).height();//浏览器时下窗口文档body的高度 $(document.body).outerHeight(true);//浏览器时下窗口文档body的总高度 包括border padding margin $(window).width(); //浏览器时下窗口可视区域宽度 $(document).width(...
jQuery获得document和window对象宽度和高度的方法
10-24
主要介绍了jQuery获得document和window对象宽度和高度的方法,涉及jQuery获取document和window对象属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
JQ获取元素宽度、浏览器可视区域
Binglili0809的博客
07-02 926
$(function () { //获取div的宽度 console.log($("div").width());//200数字类型，只获取width console.log($("div").css("width"));//200px字符串类型 console.log($("div").innerWidth());//width+padding console.log($("div").outerWidth());//width+padding+border
jQ获取浏览器window的高宽
liudanyang_21的博客
07-10 517
Window 对象Window 对象表示浏览器中打开的窗口。JavaScript 层级中的顶层对象，表示浏览器窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。注释：没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。使用jQuery可以这样获取window的宽高：宽度： $(window).width() 高度： $(window).height()实际效果： 相同的.
jQuery--窗体弹窗效果
罗俊
07-23 3016
前言 内容 显示效果： HTML代码： CSS代码： JavaScript代码： 总结 HTML知识点： CSS知识点： JavaScript知识点： end 前言 上一篇博客更新了如何书写在网站中看到的动态级联菜单的代码，这篇博客介绍一下我们上网时候打开网站经常可以看到跳出的广告窗口是如何用程序写出来的。 内容 显示效果： 点左下角显示窗口按钮，左...
JavaFX和可视化信息抽取
一个逻辑混乱的猴子
06-13 7985
本篇博客内容是非介绍类的，即，不含有关于JavaFX的基础介绍。博客主要描述实现可视化信息抽取时，如何利用JavaFX的WebView组件。仅介绍涉及到的JavaFX的内容，至于可视化信息抽取的算法是哪个，博客不进行介绍，提供的源码中有一个可视化信息抽取的演示Demo，Demo不涉及到核心算法，是基于定制规则进行抽取的。
16、数据可视化：使用PowerShell图表化展示Oracle数据
最新发布
wdx01234567的博客
07-06 49
本文介绍了如何使用 PowerShell 结合 Microsoft 图表控件，从 Oracle 数据库中获取数据并生成可视化图表。内容涵盖环境准备、图表创建、数据绑定、交互功能添加以及多图表展示等，帮助用户更好地理解和应用数据可视化技术。
python 句柄_python得到qq句柄,并显示在前台的方法
weixin_39605835的博客
12-19 533
python得到qq句柄,并显示在前台的方法如下所示：# 导入模块import win32guiwin = win32gui.FindWindow(None, u'张三')# 将窗口调到前台win32gui.ShowWindow(win, win32con.SW_SHOWNORMAL)# 得到窗口左上角右下角位置，如(954, 299, 1470, 798)winRect= win32gui.Ge...
echarts导入mysql数据库_Echarts最新:Django中从mysql数据库中获取数据传到echarts方式_爱安网 LoveAn.com...
weixin_29034963的博客
02-06 937
关于"Echarts"的最新内容 聚合阅读这篇文章主要介绍了基于vue+echarts 数据可视化大屏展示的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧...这篇文章主要介绍了在vue中使用Echarts利用watch做动态数据渲染操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...这篇文章主要介绍了解决Echarts 显示隐藏后宽度高...
js和jQuery获取浏览器窗口的高度、宽度的方法详解
MOONCOM的博客
11-11 8016
有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari： window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度 对于 Internet Explorer 8、7、6、5： docume
jq获取html内容高度,关于JS、JQ获取可视区域的高度、宽度以及屏幕分辨率的那些事...
weixin_29731583的博客
06-09 405
用JS和JQ获取相关属性JavaScriptdocument.body.clientWidth;//网页可见区域宽document.body.clientHeight;//网页可见区域高document.body.offsetWidth;//网页可见区域宽(包括边框的宽)document.body.offsetHeight;//网页可见区域高(包括边框的高)document.body.scroll...
js和jq获取屏幕高度、宽度的方法
xiaoxiaoshuai__的博客
05-11 1万+
js和jq获取屏幕高度宽度的方法一、js部分1.获取屏幕尺寸获取屏幕宽度：window.screen.width;    //整个屏幕的宽度获取屏幕高度：window.screen.height;     //整个屏幕的高度2.获取可用工作区尺寸获取屏幕可用工作区域宽度：window.screen.availWidth;     //pc端与上面两个一致，移动端除个别其他也一致（试一下即可）获取屏...
JavaScript与jQuery中获取屏幕的宽度和高度的常用方法以及HTML中精确定位
不断成长的我
08-11 4126
浏览器的宽高示意图： JavaScript中常用的方法： 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线
JS_js和jq获取屏幕高度、宽度的方法
热门推荐
小歪博客
03-12 1万+
一、js部分 1.获取屏幕尺寸 获取屏幕宽度：window.screen.width; //整个屏幕的宽度 获取屏幕高度：window.screen.height; //整个屏幕的高度 2.获取可用工作区尺寸 获取屏幕可用工作区域宽度：window.screen.availWidth; //pc端与上面两个一致，移动端除个别其他也一致（试一下即可） 获取屏幕可用工作区域高度：window.screen.availHeight; 3.获取body的宽高（不含边框） 获取网页内body
JS,Jquery获取各种屏幕的宽度和高度
刘建辉blog
11-10 498
JS,Jquery获取各种屏幕的宽度和高度Javascript:网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全
jq获取页面高度_jquery常见获取高度
weixin_30695909的博客
12-31 3915
jquery获取文档高度和窗口高度，$(document).height()、$(window).height()$(document).height()：整个网页的文档高度$(window).height()：浏览器可视窗口的高度$(window).scrollTop()：浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)用一句话理解就是：当网页滚动条拉到最低端时，$(document).heig...
利用JQuery轻松获取和重新制定URL参数
通过上述方法，开发者可以方便地在使用jQuery的项目中获取和使用URL参数。这些技术可以帮助实现更加动态和个性化的Web应用。虽然原生JavaScript已经提供了处理URL参数的方法，但使用jQuery提供的辅助函数可以提高...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值