jQuery 获取屏幕高度、宽度
2014-08-12 12:04
239 查看
做手机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();
相关文章推荐
- jQuery 获取屏幕高度、宽度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- jQuery 获取屏幕高度、宽度
- JQuery获取当前屏幕的高度宽度的实现代码
- jquery 获取各种屏幕的宽度和高度
- jQuery 获取屏幕高度、宽度
- 手机Web开发 jQuery 获取屏幕高度、宽度
- JS,Jquery获取各种屏幕的宽度和高度
- JS和jquery获取各种屏幕的宽度和高度的代码
- jquery 获取各种屏幕的宽度和高度
- JQuery获取当前屏幕的高度宽度的实现代码
- JS和jquery获取各种屏幕的宽度和高度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jquery 获取各种屏幕的宽度和高度
- 获取当前屏幕的高度宽度(JQuery/javascript)
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度