浏览器常用高宽的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 (八) 插播:jQuery实施方案
Feb 23 Javascript
学习javascript,实现插入排序实现代码
Jul 31 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
鼠标滚轮控制网页横向移动实现思路
Mar 22 Javascript
js Math 对象的方法
Sep 01 Javascript
JavaScript操作DOM元素的childNodes和children区别
Apr 01 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
Aug 04 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
Vue.js bootstrap前端实现分页和排序
Mar 10 Javascript
JavaScript取得gridview中获取checkbox选中的值
Jul 24 Javascript
Vue.js 2.x之组件的定义和注册图文详解
Jun 19 Javascript
vue项目,代码提交至码云,iconfont的用法说明
Jul 30 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
叶罗丽:为什么大家对颜冰这对CP非常关心,却对金茉两人十分冷漠
2020/03/17 国漫
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
php表单提交实例讲解
2015/11/12 PHP
javascript 24小时弹出一次的代码(利用cookies)
2009/09/03 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
js计算文本框输入的字符数
2015/10/23 Javascript
不使用script导入js文件的几种方法
2016/10/27 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
2016/12/02 Javascript
详解webpack解惑:require的五种用法
2017/06/09 Javascript
深入浅析AngularJs模版与v-bind
2018/07/06 Javascript
小程序红包雨的实现示例
2019/02/19 Javascript
使用pm2部署node生产环境的方法步骤
2019/03/09 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
js、jquery实现列表模糊搜索功能过程解析
2020/03/27 jQuery
vue-cli4.x创建企业级项目的方法步骤
2020/06/18 Javascript
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
以Flask为例讲解Python的框架的使用方法
2015/04/29 Python
Python实现定时任务
2017/02/08 Python
python使用SMTP发送qq或sina邮件
2017/10/21 Python
python图像常规操作
2017/11/11 Python
Python实现的双色球生成功能示例
2017/12/18 Python
解决pyecharts在jupyter notebook中使用报错问题
2020/04/23 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
Python使用ffmpy将amr格式的音频转化为mp3格式的例子
2019/08/08 Python
python实现替换word中的关键文字(使用通配符)
2020/02/13 Python
聪明的粉丝购买门票的地方:TickPick
2018/03/09 全球购物
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
保证书范文大全
2014/04/28 职场文书
农业局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
个人工作能力自我评价
2015/03/05 职场文书
关于倡议书的范文
2015/04/29 职场文书
2015年乡镇科普工作总结
2015/05/13 职场文书
合作合同协议书
2016/03/21 职场文书
OpenCV绘制圆端矩形的示例代码
2021/08/30 Python
如何利用golang运用mysql数据库
2022/03/13 Golang