浏览器常用高宽的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 相关文章推荐
简明json介绍
Sep 28 Javascript
腾讯的ip接口 方便获取当前用户的ip地理位置
Nov 25 Javascript
jquery select 设置默认选中的示例代码
Feb 07 Javascript
js实现创建删除html元素小结
Sep 30 Javascript
js实现新浪微博首页效果
Oct 16 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
jquery实现input框获取焦点的方法
Feb 06 Javascript
ES6正则表达式扩展笔记
Jul 25 Javascript
JS实现的input选择图片本地预览功能示例
Aug 29 Javascript
vue2.0$nextTick监听数据渲染完成之后的回调函数方法
Sep 11 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
Nov 06 Javascript
javascript实现支付宝滑块验证码效果
Jul 24 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
解析smarty 截取字符串函数 truncate的用法介绍
2013/06/20 PHP
如何使用php判断所处服务器操作系统的类型
2013/06/20 PHP
PHP 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
php_pdo 预处理语句详解
2016/11/21 PHP
Zend Framework常用校验器详解
2016/12/09 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
php实现mysql连接池效果实现代码
2018/01/25 PHP
jQuery ajax+PHP实现的级联下拉列表框功能示例
2019/02/12 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
InnerHtml和InnerText的区别分析
2009/03/13 Javascript
JS date对象的减法处理实现代码
2010/12/28 Javascript
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
2012/08/22 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
JS实现新浪微博效果带遮罩层的弹出框代码
2015/10/12 Javascript
JavaScript中Boolean对象的属性解析
2015/10/21 Javascript
javascript简单判断输入内容是否合法的方法
2016/05/11 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
2016/11/01 Javascript
Vue.use源码分析
2017/04/22 Javascript
validationEngine 表单验证插件使用实例代码
2017/06/15 Javascript
nodejs中实现用户注册路由功能
2019/05/20 NodeJs
jquery实现吸顶导航效果
2020/01/08 jQuery
Python实现统计给定字符串中重复模式最高子串功能示例
2018/05/16 Python
python对象与json相互转换的方法
2019/05/07 Python
Python SSL证书验证问题解决方案
2020/01/13 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
美国男士和女士奢侈品折扣手表购物网站:Certified Watch Store
2018/06/13 全球购物
师范大学毕业自我鉴定
2013/11/21 职场文书
大学军训感言400字
2014/03/11 职场文书
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
求职信范文大全
2014/05/26 职场文书
企业爱岗敬业演讲稿
2014/09/04 职场文书
刑事撤诉申请书
2015/05/18 职场文书
葬礼主持词
2015/07/02 职场文书
企业愿景口号
2015/12/25 职场文书
入党申请书格式
2019/06/20 职场文书