浏览器常用高宽的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 相关文章推荐
JS 自动安装exe程序
Nov 30 Javascript
jquery ajax执行后台方法
Mar 18 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
Apr 06 Javascript
JS获取图片高度宽度的方法分享
Apr 17 Javascript
Node.js实现数据推送
Apr 14 Javascript
JS去除空格和换行的正则表达式(推荐)
Jun 14 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
VSCode 配置React Native开发环境的方法
Dec 27 Javascript
RequireJS用法简单示例
Aug 20 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
Vue实现跑马灯效果
May 25 Javascript
JavaScript 生成唯一ID的几种方式
Feb 19 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
windows xp下安装pear
2006/12/02 PHP
php 数组二分法查找函数代码
2010/02/16 PHP
Yii2中多表关联查询hasOne hasMany的方法
2017/02/15 PHP
Laravel中任务调度console使用方法小结
2017/05/07 PHP
自己编写的类似JS的trim方法
2013/10/09 Javascript
查询json的数据结构的8种方式简介
2014/03/10 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
Jquery的基本对象转换和文档加载用法实例
2015/02/25 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
2016/04/08 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
深入理解JavaScript中Ajax
2016/08/02 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
2016/12/28 Javascript
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
2017/12/06 Javascript
vue监听用户输入和点击功能
2019/09/27 Javascript
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
2020/04/25 Javascript
如何利用JS将手机号中间四位变成*号
2020/09/29 Javascript
详解datagrid使用方法(重要)
2020/11/06 Javascript
js调用网络摄像头的方法
2020/12/05 Javascript
跟老齐学Python之折腾一下目录
2014/10/24 Python
Python图像处理之颜色的定义与使用分析
2019/01/03 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
解析python的局部变量和全局变量
2019/08/15 Python
python实现矩阵和array数组之间的转换
2019/11/29 Python
学校大课间活动方案
2014/01/30 职场文书
执行总经理岗位职责
2014/02/03 职场文书
葛优非诚勿扰搞笑征婚台词
2014/03/17 职场文书
社区健康教育实施方案
2014/03/18 职场文书
《大海那边》教学反思
2014/04/09 职场文书
小学生竞选班长演讲稿
2014/04/24 职场文书
查摆问题对照检查材料
2014/08/28 职场文书
银行会计主管岗位职责
2014/10/01 职场文书
思想作风整顿个人剖析材料
2014/10/06 职场文书
英文版辞职信
2015/02/28 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
2016新年感言
2015/08/03 职场文书