jQuery javascript获得网页的高度与宽度的实现代码


Posted in Javascript onApril 26, 2016

网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight

屏幕可用工作区宽度: window.screen.availWidth

jquery

获取浏览器显示区域的高度 : $(window).height();
获取浏览器显示区域的宽度 :$(window).width();
获取页面的文档高度 :$(document).height();
获取页面的文档宽度 :
$(document).width();

获取滚动条到顶部的垂直高度 :$(document).scrollTop();
获取滚动条到左边的垂直宽度 :$(document).scrollLeft();

计算元素位置和偏移量


offset方法是一个很有用的方法,它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。
offset(options, results)
options.relativeTo

指定相对计 算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。
options.scroll

是否把 滚动条计算在内,默认TRUE
options.padding

是否把padding计算在内,默认false
options.margin

是否把margin计算在内,默认true
options.border

是否把边框计算在内,默认true

以上这篇jQuery javascript获得网页的高度与宽度就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
通用javascript脚本函数库 方便开发
Oct 13 Javascript
js动态设置div的值下例子
Oct 29 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 Javascript
javascript中一些util方法汇总
Jun 10 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
Aug 02 Javascript
微信小程序使用第三方库Immutable.js实例详解
Sep 27 Javascript
HTML中使背景图片自适应浏览器大小实例详解
Apr 06 Javascript
React Native使用Modal自定义分享界面的示例代码
Oct 31 Javascript
JavaScript中Object基础内部方法图
Feb 05 Javascript
vue和react等项目中更简单的实现展开收起更多等效果示例
Feb 22 Javascript
vue 项目软键盘回车触发搜索事件
Sep 09 Javascript
jquery插件实现图片悬浮
Apr 16 jQuery
JQuery给select添加/删除节点的实现代码
Apr 26 #Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 #Javascript
js 求时间差的实现代码
Apr 26 #Javascript
Bootstrap表单组件教程详解
Apr 26 #Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 #Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
Apr 26 #Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
Apr 26 #Javascript
You might like
德生PL330测评
2021/03/02 无线电
PHP的类 功能齐全的发送邮件类
2006/10/09 PHP
开源SNS系统-ThinkSNS
2008/05/18 PHP
PHP中foreach循环中使用引用要注意的地方
2011/01/02 PHP
PHP连接SQLServer2005的实现方法(附ntwdblib.dll下载)
2012/07/02 PHP
php实现快速排序法函数代码
2012/08/27 PHP
PHP递归复制、移动目录的自定义函数分享
2014/11/18 PHP
javascript编程起步(第七课)
2007/01/10 Javascript
你可能不知道的JavaScript的new Function()方法
2014/04/17 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
2015/03/13 Javascript
全系IE支持Bootstrap的解决方法
2015/10/19 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
JavaScript中的Number数字类型学习笔记
2016/05/26 Javascript
jquery插件锦集【推荐】
2016/12/16 Javascript
JS查找数组中重复元素的方法详解
2017/06/14 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
2020/12/03 Javascript
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
简单介绍Python的Django框架加载模版的方式
2015/07/20 Python
Python正则表达式教程之二:捕获篇
2017/03/02 Python
使用selenium和pyquery爬取京东商品列表过程解析
2019/08/15 Python
大学毕业后的十年规划
2014/01/07 职场文书
法定代表人授权委托书范文
2014/09/22 职场文书
教师求职自荐信范文
2015/03/04 职场文书
2015学习委员工作总结范文
2015/04/03 职场文书
农村党员干部承诺书
2015/05/04 职场文书
银行保安拾金不昧表扬稿
2015/05/05 职场文书
党小组意见范文
2015/06/08 职场文书
军训通讯稿范文
2015/07/18 职场文书
安全学习心得体会范文
2016/01/18 职场文书
读《庄子》有感:美而不自知
2019/11/06 职场文书
Python Django ORM连表正反操作技巧
2021/06/13 Python
mysql优化之query_cache_limit参数说明
2021/07/01 MySQL
浅谈TypeScript 索引签名的理解
2021/10/16 Javascript
详解Spring Security中的HttpBasic登录验证模式
2022/03/17 Java/Android