首页 > web前端 > js教程 > 正文

浏览器常用高宽的jquery插件_jquery

WBOY
发布: 2016-05-16 18:10:11
原创
904 人浏览过
复制代码如下代码:

(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;
}
返回 w
}
/* *
* 取得浏览器视图的高度
*/
$.viewHeight=function(){
var h = 0, D=文档;
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;
}
返回 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.scrollHeighth=D.body.clientHeight;
}
if($.browser.msie&&document.compatMode=='CSS1Compat'&&D.body.scrollHeightif($.browser.version>7​​&&$.browser.版本}else if($.browser.version>6&&$.browser.version}
h=D.documentElement.clientHeight;
}
返回 h;
}
/**
* 取得画板的宽度(即所有内容,当浏览器内容不足的时候为浏览器视图大小)
*/
$.canvasWidth=function(){
var D=document,w=D.body.scrollWidth;
if(document.compatMode=='CSS1Compat'){
w=D.documentElement.scrollWidth;
}else{
if($.browser.msie&&$.browser.version$.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 )
);
}
}
返回 w;
}
/**
* 取得画板的宽度(即所有内容,当浏览器内容不足的时候为浏览器视图大小)
*/
$.scrollLeft=function(){
if(document.compatMode!='CSS1Compat'||($.browser.msie&&$.browser .versionreturn Math.max($('body').scrollLeft(),document.documentElement.scrollLeft);
}else{
return $('body').scrollLeft();
}
}
/**
* 取得画板的宽度(即所有内容,当浏览器内容不足的时候为浏览器视图大小)
*/
$.scrollTop=function(){
if (document.compatMode != 'CSS1Compat'||($.browser. msie&&$.browser.versionreturn Math.max($('body').scrollTop(), document.documentElement.scrollTop);
}else{
return $('body').scrollTop();
}
}
})(jQuery);

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!