瀏覽器常用高寬的jquery插件
更新時間:2011年02月24日 23:50:37 作者:
兼容BackCompat,CSS1Compat兩模式渲染的頁面,測試的瀏覽器 :friefox ie678 chrome opera
復制代碼 代碼如下:
(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);
您可能感興趣的文章:
- 原生js獲取瀏覽器窗口及元素寬高常用方法集合
- javascript窗口寬高,鼠標位置,滾動高度(詳細解析)
- JS與Jquery獲取屏幕、瀏覽器、頁面的寬度和高度對比整理
- js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動條高度實現(xiàn)代碼
- js 獲取瀏覽器高度和寬度值(多瀏覽器)
- js獲取瀏覽器和屏幕的各種寬度高度
- js 獲取屏幕各種寬高的方法(瀏覽器兼容)
- javascript獲取設置div的高度和寬度兼容任何瀏覽器
- JS獲取屏幕,瀏覽器窗口大小,網(wǎng)頁高度寬度(實現(xiàn)代碼)
- javascript獲取和判斷瀏覽器窗口、屏幕、網(wǎng)頁的高度、寬度等
- JavaScript獲取當前窗口內的寬度和高度匯總
相關文章
用戶管理的設計_jquery的ajax實現(xiàn)二級聯(lián)動效果
下面小編就為大家?guī)硪黄脩艄芾淼脑O計_jquery的ajax實現(xiàn)二級聯(lián)動效果。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07MVC Ajax Helper或Jquery異步加載部分視圖
這篇文章主要介紹了MVC Ajax Helper或Jquery異步加載部分視圖的相關資料,需要的朋友可以參考下2015-11-11jquery easyui validatebox remote的使用詳解
下面小編就為大家?guī)硪黄猨query easyui validatebox remote的使用詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11jQuery動態(tài)添加 input type=file的實現(xiàn)代碼
有時候需要在頁面上允許用戶上傳多個文件,個數(shù)由用戶自己決定,個數(shù)多了也可以刪除,使用jQuery可以很簡單的實現(xiàn)這個功能2012-06-06jQuery Easyui datagrid連續(xù)發(fā)送兩次請求問題
用上述方式動態(tài)加載datagrid的數(shù)據(jù)時,通過net監(jiān)聽,發(fā)現(xiàn)調用了兩遍XX方法,目前的解決方案是,將url放到datagrid初始化的時候執(zhí)行2016-12-12jQuery 追加元素的方法如append、prepend、before
jQuery - 追加元素的方法有很多如append、prepend、before等等,下面為大家詳細介紹下2014-01-01