浏览器常用高宽的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 相关文章推荐
IE JS无提示关闭窗口不提示的方法
Apr 29 Javascript
jquery.boxy插件的iframe扩展代码
Jul 02 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 Javascript
javascript:void(0)的作用示例介绍
Oct 28 Javascript
微信小程序 loading(加载中提示框)实例
Oct 28 Javascript
AngularJS全局警告框实现方法示例
May 18 Javascript
JavaScript JMap类定义与使用方法示例
Jan 22 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
Koa从零搭建到Api实现项目的搭建方法
Jul 30 Javascript
layui自定义工具栏的方法
Sep 19 Javascript
js实现简单掷骰子小游戏
Oct 24 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
Mar 09 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入门速成(2)
2006/10/09 PHP
PHP封装的mysqli数据库操作类示例
2019/02/16 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
跨浏览器开发经验总结(四) 怎么写入剪贴板
2010/05/13 Javascript
javascript学习笔记(十三) js闭包介绍(转)
2012/06/20 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
2014/02/04 Javascript
js实现滑动触屏事件监听的方法
2015/05/05 Javascript
每日十条JavaScript经验技巧(二)
2016/06/23 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
2016/06/24 Javascript
详解vue.js2.0父组件点击触发子组件方法
2017/05/10 Javascript
javaScript中封装的各种写法示例(推荐)
2017/07/03 Javascript
vue-lazyload图片延迟加载插件的实例讲解
2018/02/09 Javascript
vue在手机中通过本机IP地址访问webApp的方法
2018/08/15 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
Vue 实现登录界面验证码功能
2020/01/03 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
vue界面发送表情的实现代码
2020/09/11 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
Python实现一个简单的MySQL类
2015/01/07 Python
简介Django中内置的一些中间件
2015/07/24 Python
python实现简单的单变量线性回归方法
2018/11/08 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
Python整数对象实现原理详解
2019/07/01 Python
Keras自动下载的数据集/模型存放位置介绍
2020/06/19 Python
django教程如何自学
2020/07/31 Python
Python实现播放和录制声音的功能
2020/08/12 Python
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
数据库连接池的工作原理
2012/09/26 面试题
我能否用void** 指针作为参数, 使函数按引用接受一般指针
2013/02/16 面试题
语文教学感言
2014/02/06 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
安全教育的主题班会
2015/08/13 职场文书
2016圣诞节贺卡寄语
2015/12/07 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
python中如何对多变量连续赋值
2021/06/03 Python