手机Web开发 jQuery 获取屏幕高度、宽度
2013-11-15 12:42
393 查看
做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。
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();
转自:http://www.blogjava.net/hoojo/archive/2012/02/16/370132.html
相关文章推荐
- 手机Web开发 jQuery 获取屏幕高度、宽度
- 手机Web开发 jQuery 获取屏幕高度、宽度
- jQuery 获取手机屏幕高度、宽度
- jQuery获取屏幕宽度和高度
- jquery 获取各种屏幕的宽度和高度
- Javascript、Jquery获取浏览器和屏幕各种高度宽度
- JS,Jquery获取各种屏幕的宽度和高度
- Javascript、Jquery获取浏览器和屏幕各种高度宽度
- jQuery 获取屏幕高度、宽度
- JS,Jquery获取各种屏幕的宽度和高度
- Javascript、Jquery获取浏览器和屏幕各种高度宽度
- JS,JQuery各种获取屏幕的宽度和高度
- 获取手机屏幕、屏幕内容的高度和宽度
- Javascript、Jquery获取浏览器和屏幕各种高度宽度
- Javascript、Jquery获取浏览器和屏幕各种高度宽度
- jQuery 获取屏幕高度、宽度
- jquery 获取各种屏幕的宽度和高度
- jquery获取浏览器和屏幕的高度和宽度
- android 获取手机屏幕高度和宽度
- JavaScript、jQuery获取浏览器和屏幕各种高度宽度