浏览器常用高宽的jquery插件
更新时间:2011年02月24日 23:50:37 作者:
兼容BackCompat,CSS1Compat两模式渲染的页面,测试的浏览器 :friefox ie678 chrome opera
复制代码 代码如下:
(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);
您可能感兴趣的文章:
相关文章
MVC Ajax Helper或Jquery异步加载部分视图
这篇文章主要介绍了MVC Ajax Helper或Jquery异步加载部分视图的相关资料,需要的朋友可以参考下2015-11-11jquery easyui validatebox remote的使用详解
下面小编就为大家带来一篇jquery easyui validatebox remote的使用详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-11-11jQuery动态添加 input type=file的实现代码
有时候需要在页面上允许用户上传多个文件,个数由用户自己决定,个数多了也可以删除,使用jQuery可以很简单的实现这个功能2012-06-06jQuery Easyui datagrid连续发送两次请求问题
用上述方式动态加载datagrid的数据时,通过net监听,发现调用了两遍XX方法,目前的解决方案是,将url放到datagrid初始化的时候执行2016-12-12jQuery 追加元素的方法如append、prepend、before
jQuery - 追加元素的方法有很多如append、prepend、before等等,下面为大家详细介绍下2014-01-01
最新评论