jQuery 获取屏幕高度、宽度
2015-10-20 14:02
489 查看
alert($(window).height());//浏览器当前窗口可视区域高度
alert($(document).height());//浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度包括borderpaddingmargin
alert($(window).width());//浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度包括borderpaddingmargin
//获取页面的高度、宽度
functiongetPageSize(){
varxScroll,yScroll;
if(window.innerHeight&&window.scrollMaxY){
xScroll=window.innerWidth+window.scrollMaxX;
yScroll=window.innerHeight+window.scrollMaxY;
}else{
if(document.body.scrollHeight>document.body.offsetHeight){//allbutExplorerMac
xScroll=document.body.scrollWidth;
yScroll=document.body.scrollHeight;
}else{//ExplorerMac...wouldalsoworkinExplorer6Strict,MozillaandSafari
xScroll=document.body.offsetWidth;
yScroll=document.body.offsetHeight;
}
}
varwindowWidth,windowHeight;
if(self.innerHeight){//allexceptExplorer
if(document.documentElement.clientWidth){
windowWidth=document.documentElement.clientWidth;
}else{
windowWidth=self.innerWidth;
}
windowHeight=self.innerHeight;
}else{
if(document.documentElement&&document.documentElement.clientHeight){//Explorer6StrictMode
windowWidth=document.documentElement.clientWidth;
windowHeight=document.documentElement.clientHeight;
}else{
if(document.body){//otherExplorers
windowWidth=document.body.clientWidth;
windowHeight=document.body.clientHeight;
}
}
}
//forsmallpageswithtotalheightlessthenheightoftheviewport
if(yScroll<windowHeight){
pageHeight=windowHeight;
}else{
pageHeight=yScroll;
}
//forsmallpageswithtotalwidthlessthenwidthoftheviewport
if(xScroll<windowWidth){
pageWidth=xScroll;
}else{
pageWidth=windowWidth;
}
arrayPageSize=newArray(pageWidth,pageHeight,windowWidth,windowHeight);
returnarrayPageSize;
}
//滚动条
document.body.scrollTop;
$(document).scrollTop();
相关文章推荐
- [转]Jquery中AJAX错误信息调试参考
- jQuery unbind 删除绑定事件 / 移除标签方法
- jquery代码: 返回页面顶部
- jQuery Validation Engine 表单验证
- jquery ajax发送delete(use in jquery file upload delete file)
- SSH+Jquery+Ajax框架整合
- spring mvc的表单值与jquery互传
- Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值
- jquery设置页面元素为只读
- jQuery 小技巧
- jquery生成UUID的方法
- jquery设置控件不能复制粘贴
- jquery form插件(ajax)上传文件实现及原理
- data 原生用法 jquery 用法
- jquery插件下载地址
- AJAX(三)jQuery AJAX.post
- jQuery滚动监听插件Waypoints
- Jquery Slick幻灯片插件
- jQuery Validate
- 无缝连续滚动