JavaScript和jquery中的宽度
2024-08-29 23:31:58
Javascript:
网页可见区域宽: 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:
代码如下:
$(document).ready(function(){
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
})
最新文章
- bzoj3380+3381+3382+3383 Usaco2004 Open
- 让vc2010的项目在vc2012也能直接使用,而不必修改PlatformToolSet
- linux下获取本机IP
- 在css中定义滚动条样式
- 匹配表单中所有的子级input元素。
- 线程中的wait() 与 锁的关系
- WebGoat学习——跨站脚本攻击(Cross‐Site Scripting (XSS))
- js取单选按钮,复选按钮的值
- @@Error使用简单小结
- mysql中增加某一时间段内的时间数据(包含:时间、年、月、日、第几周、季度)
- Unity3D Quaternion各属性和函数测试
- MYSQL:基础—存储过程
- 第 15 章 可扩展性设计之 Cache 与 Search 的利用
- UnityEditorWindow自建窗口扩展
- Python 字典dict相关知识
- 【leetcode-101】 对称二叉树
- HDU4185 Oil Skimming 二分图匹配 匈牙利算法
- Python 进程之间共享数据
- githug rename_commit 修改已经commit但还没push的一条message
- 使用ssh-keygen生成ssh公钥和私钥