浏览器常用高宽的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系列(2) 揭秘命名函数表达式
Jan 15 Javascript
JavaScript闭包实例讲解
Apr 22 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
Mar 03 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
用svg制作富有动态的tooltip
Jul 17 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
Aug 10 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
May 18 Javascript
利用Javascript实现简单的转盘抽奖
Feb 13 Javascript
认识less和webstrom的less配置方法
Aug 02 Javascript
Vue2.0实现组件数据的双向绑定问题
Mar 06 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 Javascript
Threejs实现滴滴官网首页地球动画功能
Jul 13 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获取服务器信息的实现代码
2013/02/04 PHP
php实现源代码加密的方法
2015/07/11 PHP
php使用scandir()函数扫描指定目录下所有文件示例
2019/06/08 PHP
TP3.2.3框架文件上传操作实例详解
2020/01/23 PHP
一个JS翻页效果
2007/07/23 Javascript
JavaScript 继承机制的实现(待续)
2010/05/18 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
读jQuery之十三 添加事件和删除事件的核心方法
2011/08/23 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
2013/11/30 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
jquery获取颜色在ie和ff下的区别示例介绍
2014/03/28 Javascript
jquery渐隐渐显的图片幻灯闪烁切换实现方法
2015/02/26 Javascript
js实现选中页面文字将其分享到新浪微博
2015/11/05 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
2016/05/13 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
2016/12/23 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
JS温故而知新之变量提升和时间死区
2019/01/27 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
微信小程序表单验证WxValidate的使用
2019/11/27 Javascript
[01:47]2018年度DOTA2最佳教练-完美盛典
2018/12/16 DOTA
让python json encode datetime类型
2010/12/28 Python
对python实时得到鼠标位置的示例讲解
2018/10/14 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
Django 拆分model和view的实现方法
2019/08/16 Python
python统计mysql数据量变化并调用接口告警的示例代码
2020/09/21 Python
Amaze UI 文件选择域的示例代码
2020/08/26 HTML / CSS
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
机械设计及其自动化专业推荐信
2013/10/31 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
祖国在我心中演讲稿600字
2014/05/04 职场文书
医院我们的节日活动实施方案
2014/08/22 职场文书
干部对照检查材料范文
2014/08/26 职场文书
党委书记个人对照检查材料
2014/09/15 职场文书
文明班级申报材料
2014/12/24 职场文书
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python