浏览器常用高宽的jquery插件_Javascript教程-查字典教程网
浏览器常用高宽的jquery插件
浏览器常用高宽的jquery插件
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:(function($){/***取得浏览器视图的宽度*/$.viewWidth=function(){varw=0,D=...

复制代码 代码如下:

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

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类