浏览器常用高宽的jquery插件


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);
Javascript 相关文章推荐
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
javascript div 遮罩层封锁整个页面
Jul 10 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
Node.js实现批量去除BOM文件头
Dec 20 Javascript
基于jquery实现简单的分页控件
Mar 17 Javascript
JS检测移动端横竖屏的代码
May 30 Javascript
Angularjs分页查询的实现
Feb 24 Javascript
Vue实现动态响应数据变化
Apr 28 Javascript
PHP7新特性简述
Jun 11 Javascript
深入理解Node module模块
Mar 26 Javascript
微信小程序canvas绘制圆角base64图片的实现
Aug 18 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
Jul 26 Javascript
基于jquery的横向滚动条(滑动条)
Feb 24 #Javascript
基于JQuery的日期联动实现代码
Feb 24 #Javascript
jQuery boxy弹出层插件中文演示及使用讲解
Feb 24 #Javascript
jquery的键盘事件修改代码
Feb 24 #Javascript
Javascript公共脚本库系列(一): 弹出层脚本
Feb 24 #Javascript
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
Feb 23 #Javascript
从零开始学习jQuery (十) jQueryUI常用功能实战
Feb 23 #Javascript
You might like
PHP实时显示输出
2008/10/02 PHP
php文件怎么打开 如何执行php文件
2011/12/21 PHP
Convert Seconds To Hours
2007/06/16 Javascript
jQuery实现的类flash菜单效果代码
2010/05/17 Javascript
js 模拟气泡屏保效果代码
2010/07/10 Javascript
javascript学习笔记(一) 在html中使用javascript
2012/06/18 Javascript
js实现动态加载脚本的方法实例汇总
2015/11/02 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
jQuery实现拖动剪裁图片作为头像
2016/12/28 Javascript
js中作用域的实例解析
2017/03/16 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
2017/11/20 Javascript
JavaScript实现简单动态进度条效果
2018/04/06 Javascript
在NPM发布自己造的轮子的方法步骤
2019/03/09 Javascript
基于vue-cli3创建libs库的实现方法
2019/12/04 Javascript
移动端JS实现拖拽两种方法解析
2020/10/12 Javascript
Python 时间处理datetime实例
2008/09/06 Python
将Python的Django框架与认证系统整合的方法
2015/07/24 Python
Python监控主机是否存活并以邮件报警
2015/09/22 Python
Python文件和流(实例讲解)
2017/09/12 Python
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
python opencv把一张图片嵌入(叠加)到另一张图片上的实现代码
2020/06/11 Python
如何用Python 加密文件
2020/09/10 Python
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
马来西亚演唱会订票网站:StubHub马来西亚
2018/10/18 全球购物
丝芙兰意大利官方网站:Sephora.it
2019/12/13 全球购物
一份全面的PHP面试问题考卷
2012/07/15 面试题
《自选商场》教学反思
2014/02/14 职场文书
吃空饷专项治理工作实施方案
2014/03/04 职场文书
群众路线教育实践活动对照检查材料
2014/09/22 职场文书
2014年节能工作总结
2014/12/18 职场文书
世界环境日活动总结
2015/02/11 职场文书
2015年售后服务工作总结
2015/04/25 职场文书
搞笑婚庆主持词
2015/06/29 职场文书
导游词之永济鹳雀楼
2020/01/16 职场文书
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python