javascript 获取滚动条高度+常用js页面宽度与高度
来源:互联网 发布:淘宝买家提取器 编辑:程序博客网 时间:2024/04/30 10:27
javascript获取滚动条高度+常用js页面宽度与高度
/ ******************** * 取窗口滚动条高度 ****************** /function getScrollTop(){ varscrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop=document.documentElement.scrollTop; } elseif(document.body) { scrollTop=document.body.scrollTop; } returnscrollTop;}
/ ******************** * 取窗口滚动条高度 ****************** /function getScrollTop(){ varscrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop=document.documentElement.scrollTop; } elseif(document.body) { scrollTop=document.body.scrollTop; } returnscrollTop;}/ ******************** * 取窗口可视范围的高度 ******************* /function getClientHeight(){ varclientHeight=0; if(document.body.clientHeight&&document.documentElement.clientHeight) { var clientHeight =(document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight; } else { var clientHeight =(document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight; } returnclientHeight;}/ ******************** * 取文档内容实际高度 ******************* /function getScrollHeight(){ returnMath.max(document.body.scrollHeight,document.documentElement.scrollHeight);}
////////////////////////////////////////////////////
在IE中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==>可见区域宽度
document.documentElement.clientHeight ==>可见区域高度
在FireFox中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==>可见区域宽度
document.documentElement.clientHeight ==>可见区域高度
?
在Opera中:
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==>页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==>页面对象高度(即BODY对象高度加上Margin高)
而如果没有定义W3C的标准,则
IE为:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为:
document.documentElement.clientWidth ==>页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight==> 页面对象高度(即BODY对象高度加上Margin高)
Opera为:
document.documentElement.clientWidth ==>页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight==> 页面对象高度(即BODY对象高度加上Margin高)
真是一件麻烦事情,其实就开发来看,宁可少一些对象和方法,不使用最新的标准要方便许多啊。
//////////////////////////////////////////////////////////////////////////////////////
网页可见区域宽:
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
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度[转]
- JavaScript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- [转] javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- javascript 获取滚动条高度+常用js页面宽度与高度
- 获取滚动条高度,页面宽度(高度)
- [javascript] js 获取页面可视区高度和滚动条高度
- js获取宽度高度,跳转,滚动条时间
- JavaScript获取页面宽度高度
- JavaScript获取页面宽度高度
- JQuery,js获取浏览器高度,宽度,滚动条垂直高度,宽度..
- js获取页面高度宽度
- 【Qt】Variant类
- div横排
- algorthm_n!(递归)
- eclipse中adt插件隐藏怎么弄出来
- callServer.php //serverSoap.php
- javascript 获取滚动条高度+常用js页面宽度与高度
- 理想的程序员
- 【BZOJ4326】NOIP2015 运输计划【LCA】【路径求并】
- //serverSoap_class.php
- POJ1704 Georgia and Bob Nim阶梯博弈
- 原生js 放大镜特效
- localStorage存值取值以及存取JSON,以及基于html5 localStorage的购物车
- 双边滤波器在灰度和彩色图像处理中的应用
- SpringMVC - @Responsebody与@RequestBody