浏览器常用高宽的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之通用简单的table选项卡实现(二)
May 09 Javascript
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
Nov 09 Javascript
一个字符串反转函数可实现字符串倒序
Sep 15 Javascript
常用的JS验证和函数汇总
Dec 23 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
Apr 05 Javascript
深入浅析JavaScript中的constructor
Apr 19 Javascript
怎么引入(调用)一个JS文件
May 26 Javascript
基于jQuery实现的查看全文功能【实用】
Dec 11 Javascript
基于JavaScript实现购物车功能
Feb 07 Javascript
微信小程序 如何获取网络状态
Jul 26 Javascript
JavaScript 类的封装操作示例详解
May 16 Javascript
微信小程序实现带放大效果的轮播图
May 26 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中查询SQL Server或Sybase时TEXT字段被截断的解决方法
2009/03/10 PHP
php之curl设置超时实例
2014/11/03 PHP
在html文件中也可以执行php语句的方法
2015/04/09 PHP
php常量详细解析
2015/10/27 PHP
PHP使用trim函数去除字符串左右空格及特殊字符实例
2016/01/07 PHP
Yii 2.0在Grid中格式化时间方法示例
2017/06/06 PHP
PHP模型Model类封装数据库操作示例
2019/03/14 PHP
nodejs教程 安装express及配置app.js文件的详细步骤
2013/05/11 NodeJs
jquery+php实现滚动的数字特效
2015/11/29 Javascript
动态设置form表单的action属性的值的简单方法
2016/05/25 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
ES6入门教程之let和const命令详解
2017/05/17 Javascript
jQuery实现 RadioButton做必选校验功能
2017/06/15 jQuery
jsonp跨域请求详解
2017/07/13 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
2017/12/07 Javascript
微信小程序之swiper滑动面板用法示例
2018/12/04 Javascript
vue实现点击追加选中样式效果
2019/11/01 Javascript
Python sys.path详细介绍
2013/10/17 Python
python执行等待程序直到第二天零点的方法
2015/04/23 Python
实例讲解Python中函数的调用与定义
2016/03/14 Python
Python 内置函数complex详解
2016/10/23 Python
Python实现读取及写入csv文件的方法示例
2018/01/12 Python
Python基于生成器迭代实现的八皇后问题示例
2018/05/23 Python
使用Py2Exe for Python3创建自己的exe程序示例
2018/10/31 Python
python实现串口自动触发工作的示例
2019/07/02 Python
html5设计原理(推荐收藏)
2014/05/17 HTML / CSS
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
LUISAVIAROMA中国官网:时尚奢侈品牌购物网站
2020/11/01 全球购物
北京奥运会主题口号
2014/06/13 职场文书
党员教师群众路线对照检查材料思想汇报
2014/09/29 职场文书
2014年人事科工作总结
2014/11/19 职场文书
学校节水倡议书
2015/04/29 职场文书
单方投资意向书
2015/05/11 职场文书
Hive常用日期格式转换语法
2022/06/25 数据库
JavaScript实现简单的音乐播放器
2022/08/14 Javascript