浏览器常用高宽的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 相关文章推荐
div+css布局的图片连续滚动js实现代码
May 04 Javascript
js下利用控制器载入对应脚本
Jul 17 Javascript
可自定义速度的js图片无缝滚动示例分享
Jan 20 Javascript
javascript 3d 逐侦产品展示(核心精简)
Mar 26 Javascript
gridview生成时如何去掉style属性中的border-collapse
Sep 30 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
vue组件实现文字居中对齐的方法
Aug 23 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
Sep 14 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
Aug 27 Javascript
SpringBoot在yml配置文件中配置druid的操作
Nov 16 Javascript
Axios取消重复请求的方法实例详解
Jun 15 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 5.2.14+fpm+memcached(具体操作详解)
2013/06/18 PHP
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
2013/01/23 Javascript
HTML页面登录时的JS验证方法
2014/05/28 Javascript
关于javaScript注册click事件传递参数的不成功问题
2014/07/18 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
2015/09/18 Javascript
老生常谈 js中this的指向
2016/06/30 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
2017/06/14 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
2018/07/12 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
2019/02/02 Javascript
微信小程序调用后台service教程详解
2020/11/06 Javascript
Python基于list的append和pop方法实现堆栈与队列功能示例
2017/07/24 Python
Python随机生成均匀分布在三角形内或者任意多边形内的点
2017/12/14 Python
100行Python代码实现自动抢火车票(附源码)
2018/01/11 Python
python筛选出两个文件中重复行的方法
2018/05/31 Python
Python中的十大图像处理工具(小结)
2019/06/10 Python
python opencv鼠标事件实现画框圈定目标获取坐标信息
2020/04/18 Python
使用python的turtle绘画滑稽脸实例
2019/11/21 Python
python 5个顶级异步框架推荐
2020/09/09 Python
python绘制趋势图的示例
2020/09/17 Python
细说NumPy数组的四种乘法的使用
2020/12/18 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
2018/09/17 HTML / CSS
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
函授毕业自我鉴定
2014/02/04 职场文书
中式婚礼主持词
2014/03/13 职场文书
六一亲子活动总结
2014/07/01 职场文书
语文课外活动总结
2014/08/27 职场文书
2014年民警工作总结
2014/11/25 职场文书
公司总经理岗位职责
2015/04/01 职场文书
国博复兴之路观后感
2015/06/02 职场文书
个人更名证明
2015/06/23 职场文书
销区经理年终述职报告模板
2019/11/28 职场文书
Python多个MP4合成视频的实现方法
2021/07/16 Python
Nginx设置HTTPS的方法步骤 443证书配置方法
2022/03/21 Servers