浏览器常用高宽的jquery插件

复制代码 代码如下:

  (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);