浏览器常用高宽的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 相关文章推荐
Save a File Using a File Save Dialog Box
Jun 18 Javascript
js简单的点击返回顶部效果实现方法
Apr 10 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
Aug 17 Javascript
JS获取鼠标坐标位置实例分析
Jan 20 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
Bootstrap每天必学之导航组件
Apr 25 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
May 10 Javascript
jQuery中slidedown与slideup方法用法示例
Sep 16 Javascript
完美的js div拖拽实例代码
Sep 24 Javascript
微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
Dec 09 Javascript
Vue实现简单计算器案例
Feb 25 Javascript
js加减乘除精确运算方法实例代码
Jan 17 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
下载文件的点击数回填
2006/10/09 PHP
PHP5新特性: 更加面向对象化的PHP
2006/11/18 PHP
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
解析smarty 截取字符串函数 truncate的用法介绍
2013/06/20 PHP
实现变速回到顶部的JavaScript代码
2011/05/09 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
一个判断抢购时间是否到达的简单的js函数
2014/06/23 Javascript
使用json来定义函数,在里面可以定义多个函数的实现方法
2016/10/28 Javascript
Javascript实现base64的加密解密方法示例
2017/06/27 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
2018/11/14 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
2019/11/07 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
JavaScript经典案例之简易计算器
2020/08/24 Javascript
详解Python中的正则表达式的用法
2015/04/09 Python
Windows下搭建python开发环境详细步骤
2020/07/20 Python
python发送邮件实例分享
2017/07/28 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
解决pycharm中opencv-python导入cv2后无法自动补全的问题(不用作任何文件上的修改)
2020/03/05 Python
Python3爬虫中Ajax的用法
2020/07/10 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
美体小铺波兰官方网站:The Body Shop波兰
2019/09/03 全球购物
澳大利亚宠物食品和用品商店:PETstock
2020/01/02 全球购物
PHP如何删除一个Cookie值
2012/11/15 面试题
我的大学生活职业生涯规划
2014/01/02 职场文书
老公给老婆的道歉信
2014/01/10 职场文书
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
小学生中国梦演讲稿
2014/04/23 职场文书
电子商务专业毕业生自荐书
2014/06/22 职场文书
大学毕业生推荐信
2014/07/09 职场文书
2014年办公室文秘工作总结
2014/12/09 职场文书
个人总结与自我评价2015
2015/03/11 职场文书
男方家长婚礼答谢词
2015/09/29 职场文书
mongoDB数据库索引快速入门指南
2022/03/23 MongoDB