常见浏览器的宽⾼代码写法！有原⽣JavaScript和jquery两种写
法--------。。。
点击链接！欢迎⼤家访问
下⾯是⽹页⼀些常见的宽⾼的获取。。。。。。。。。这是原⽣的写法（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的写法
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
原⽣滚动事件的⼀些数据计算-------------什么时候到顶部了，居顶部有多少。。。
var scrollT = document.documentElement.scrollTop||document.body.scrollTop;
//居上滚动了多少⾼度
var scrollH = document.documentElement.scrollHeight||document.body.scrollHeight;
//页⾯总⾼度
var clientH = document.documentElement.clientHeight||document.body.clientHeight;
//页⾯可视区域的⾼度
var ElementById("s1").offsetTop;    //元素距顶部有多少像素
if(scrollT == scrollH - clientH){
alert("到底部了");
}else if(scrollT == 0){
alert("到顶部了");
}
网站底部代码js特效jquery滚动常见的⼀些数据获取。。。
获取滚动条到顶部的垂直⾼度：$(document).scrollTop();
获取滚动条到左边的垂直宽度：$(document).scrollLeft();
计算元素位置和偏移量
offset⽅法是⼀个很有⽤的⽅法，它返回包装集中第⼀个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。
offset(options, results)
options.scroll  是否把滚动条计算在内，默认TRUE
options.padding  是否把padding计算在内，默认false options.margin  　是否把margin计算在内，默认true options.border  是否把边框计算在内，默认true

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。