浏览器常用高宽的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 相关文章推荐
优化JavaScript脚本的性能的几个注意事项
Dec 22 Javascript
仿谷歌主页js动画效果实现代码
Jul 14 Javascript
jQuery中prevAll()方法用法实例
Jan 08 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
jQuery 常见小例汇总
Dec 14 Javascript
jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
Mar 10 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
Jun 16 Javascript
使用JS和canvas实现gif动图的停止和播放代码
Sep 01 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
在Create React App中启用Sass和Less的方法示例
Jan 16 Javascript
VUE路由动态加载实例代码讲解
Aug 26 Javascript
关于Vue中axios的封装实例详解
Oct 20 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 curl 伪造IP来源的实例代码
2012/11/01 PHP
PHP的PDO常用类库实例分析
2016/04/07 PHP
身份证号码前六位所代表的省,市,区, 以及地区编码下载
2007/04/12 Javascript
jquery教程ajax请求json数据示例
2014/01/13 Javascript
js检测iframe是否加载完成的方法
2015/11/26 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
2016/08/25 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
2016/10/10 Javascript
基于JS实现checkbox全选功能实例代码
2016/10/31 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
2017/09/20 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
2018/01/18 jQuery
使用jQuery动态设置单选框的选中效果
2018/12/06 jQuery
vue2路由方式--嵌套路由实现方法分析
2020/03/06 Javascript
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
Python实现的文本编辑器功能示例
2017/06/30 Python
python爬取淘宝商品详情页数据
2018/02/23 Python
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
Python下使用Scrapy爬取网页内容的实例
2018/05/21 Python
详解Python logging调用Logger.info方法的处理过程
2019/02/12 Python
python面试题小结附答案实例代码
2019/04/11 Python
Jupyter notebook 远程配置及SSL加密教程
2020/04/14 Python
python压包的概念及实例详解
2021/02/17 Python
经济实惠的豪华家具:My-Furniture
2019/03/12 全球购物
高中生学习的自我评价
2013/12/14 职场文书
药学专业个人的自我评价
2013/12/31 职场文书
甜美蛋糕店创业计划书
2014/01/30 职场文书
大学学风建设方案
2014/05/04 职场文书
汉语言文学毕业求职信
2014/07/17 职场文书
2014年检验员工作总结
2014/11/19 职场文书
2014年民政工作总结
2014/11/26 职场文书
大学毕业谢师宴致辞
2015/07/27 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书
户外拓展训练感想
2015/08/07 职场文书
2019年员工旷工保证书!
2019/06/28 职场文书
SqlServer数据库远程连接案例教程
2021/07/15 SQL Server
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB