维奇说 - 维奇的个人博客
网站首页 > Coding > JQuery获取浏览器窗口的各区域高度宽度
06月
24

JQuery获取浏览器窗口的各区域高度宽度

JQuery获取浏览器窗口的各区域高度宽度 JS JQuery 第1张  在前端开发中,常常得纠结于一些宽度和高度的计算,特别是在移动终端上开发的时候,维奇整理了这些JQ的代码,可以获取到一些常用的各种区域的宽度和高度等数值。

  用的是alert的弹出对话框显示,根据调试需要,可以改为console.log或别的做法。

alert($(window).height());    //浏览器时下窗口可视区域高度
alert($(document).height());    //浏览器时下窗口文档的高度
alert($(document.body).height());    //浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true));    //浏览器时下窗口文档body的总高度 包括border padding margin
alert($(window).width());    //浏览器时下窗口可视区域宽度
alert($(document).width());    //浏览器时下窗口文档对于象宽度
alert($(document.body).width());    //浏览器时下窗口文档body的高度
alert($(document.body).outerWidth(true));    //浏览器时下窗口文档body的总宽度 包括border padding margin
alert($(document).scrollTop());    //获取滚动条到顶部的垂直高度
alert($(document).scrollLeft());    //获取滚动条到左边的垂直宽度



评论列表:
暂无评论
发表评论:
清空
今日心情

  把HTTPS关掉吧,免费的证书每年重新搞,真累人

记于2022年7月8日

会员中心
登录后你的头像在这显示欢迎访问本站!
QQ登录
使用QQ登录后,将自动注册成为本站会员!
站内搜索
热门标签:  心理学新冠肺炎传染病旅游云南汽车
博客统计
  • 文章总数: 103 篇
  • 评论总数: 9 条
  • 使用标签: 160 个
  • 网站名称: 维奇说
  • 网站域名: vksay.com
  • 创站日期: 2013年2月22日
日期归档
«    2024年3月    »
123
45678910
11121314151617
18192021222324
25262728293031
热门日志
出售顶级域名【Zhi.IN】
腐蚀生活的微信
泰国人寿Thai Life Ins
时隔三月,官方对帕萨特质量问题还敢
泰国Bar B Q Plaza 烤
哪日凯旋后,能别再打医护人员吗?
玩坏的保安日记,其实这是一个行业的
全面复工与全面停课
活跃粉丝
最新评论
你写得非常清晰明了,让我...
感谢作者分享学习了,希望...
九十岁老太为何起死回生,...
我也诚恳希望可以善待医护...
维奇说 公众号