Posted in Javascript onFebruary 24, 2011
(function($) { /** * 取得浏览器视图的宽度 */ $.viewWidth=function(){ var w = 0, D=document; if( D.documentElement && D.documentElement.clientWidth ) { w = D.documentElement.clientWidth; } else if( D.body && D.body.clientWidth ) { w = D.body.clientWidth; } return w ; } /** * 取得浏览器视图的高度 */ $.viewHeight=function(){ var h = 0, D=document; if(document.compatMode!='CSS1Compat'){ h = D.body.clientHeight; }else{ if( D.documentElement && D.documentElement.clientHeight ) { h = D.documentElement.clientHeight; } else if( D.body && D.body.clientHeight ) { h = D.body.clientHeight; } } return h; } /** * 取得画板的高度(即所有内容,当浏览器内容不足的时候为浏览器视图大小) */ $.canvasHeight=function(){ var D=document,h=0; h=Math.max(Math.max(D.body.scrollHeight,D.documentElement.scrollHeight), Math.max(D.body.offsetHeight,D.documentElement.offsetHeight), Math.max(D.body.clientHeight,D.documentElement.clientHeight) ); if($.browser.msie&&$.browser.version>6&&D.body.scrollHeight<$.viewHeight()){ h=D.body.clientHeight; } if($.browser.msie&&document.compatMode=='CSS1Compat'&&D.body.scrollHeight<$.viewHeight()){ if($.browser.version>7&&$.browser.version<9){ }else if($.browser.version>6&&$.browser.version<8){ } h=D.documentElement.clientHeight; } return h; } /** * 取得画板的宽度(即所有内容,当浏览器内容不足的时候为浏览器视图大小) */ $.canvasWidth=function(){ var D=document,w=D.body.scrollWidth; if(document.compatMode=='CSS1Compat'){ w=D.documentElement.scrollWidth; }else{ if($.browser.msie&&$.browser.version<=6&&D.body.scrollWidth>$.viewWidth()){ w=Math.max(Math.max(D.body.scrollWidth,D.documentElement.scrollWidth), Math.max(D.body.offsetWidth,D.documentElement.offsetWidth), Math.max(D.body.clientWidth,D.documentElement.clientWidth) ); } } return w; } /** * 取得画板的宽度(即所有内容,当浏览器内容不足的时候为浏览器视图大小) */ $.scrollLeft=function(){ if(document.compatMode!='CSS1Compat'||($.browser.msie&&$.browser.version<=6)){ return Math.max($('body').scrollLeft(),document.documentElement.scrollLeft); }else{ return $('body').scrollLeft(); } } /** * 取得画板的宽度(即所有内容,当浏览器内容不足的时候为浏览器视图大小) */ $.scrollTop=function(){ if (document.compatMode != 'CSS1Compat'||($.browser.msie&&$.browser.version<=6)) { return Math.max($('body').scrollTop(), document.documentElement.scrollTop); }else{ return $('body').scrollTop(); } } })(jQuery);
浏览器常用高宽的jquery插件
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@