瀏覽器常用高寬的jquery插件
更新時間:2011年02月24日 23:50:37 作者:
兼容BackCompat,CSS1Compat兩模式渲染的頁面,測試的瀏覽器 :friefox ie678 chrome opera
復(fù)制代碼 代碼如下:
(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;
}
/**
* 取得畫板的高度(即所有內(nèi)容,當(dāng)瀏覽器內(nèi)容不足的時候為瀏覽器視圖大小)
*/
$.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;
}
/**
* 取得畫板的寬度(即所有內(nèi)容,當(dāng)瀏覽器內(nèi)容不足的時候為瀏覽器視圖大小)
*/
$.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;
}
/**
* 取得畫板的寬度(即所有內(nèi)容,當(dāng)瀏覽器內(nèi)容不足的時候為瀏覽器視圖大小)
*/
$.scrollLeft=function(){
if(document.compatMode!='CSS1Compat'||($.browser.msie&&$.browser.version<=6)){
return Math.max($('body').scrollLeft(),document.documentElement.scrollLeft);
}else{
return $('body').scrollLeft();
}
}
/**
* 取得畫板的寬度(即所有內(nèi)容,當(dāng)瀏覽器內(nèi)容不足的時候為瀏覽器視圖大小)
*/
$.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窗口寬高,鼠標(biāo)位置,滾動高度(詳細(xì)解析)
- JS與Jquery獲取屏幕、瀏覽器、頁面的寬度和高度對比整理
- js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動條高度實現(xiàn)代碼
- js 獲取瀏覽器高度和寬度值(多瀏覽器)
- js獲取瀏覽器和屏幕的各種寬度高度
- js 獲取屏幕各種寬高的方法(瀏覽器兼容)
- javascript獲取設(shè)置div的高度和寬度兼容任何瀏覽器
- JS獲取屏幕,瀏覽器窗口大小,網(wǎng)頁高度寬度(實現(xiàn)代碼)
- javascript獲取和判斷瀏覽器窗口、屏幕、網(wǎng)頁的高度、寬度等
- JavaScript獲取當(dāng)前窗口內(nèi)的寬度和高度匯總
相關(guān)文章
淺談jQuery中ajaxPrefilter的應(yīng)用
下面小編就為大家?guī)硪黄獪\談jQuery中ajaxPrefilter的應(yīng)用。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
解析Jquery中如何把一段html代碼動態(tài)寫入到DIV中(實例說明)
本篇文章是對在Jquery中把一段html代碼動態(tài)寫入到DIV中的實現(xiàn)方法進行了詳細(xì)的分析介紹,需要的朋友可以參考下2013-07-07
jQuery實現(xiàn)導(dǎo)航滾動到指定內(nèi)容效果完整實例【附demo源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)導(dǎo)航滾動到指定內(nèi)容效果,結(jié)合完整實例形式分析了頁面元素屬性動態(tài)變換操作相關(guān)技巧,涉及jQuery插件jquery.scrollto.js的使用,并附帶demo源碼下載供讀者下載參考,需要的朋友可以參考下2016-09-09
基于CSS3和jQuery實現(xiàn)跟隨鼠標(biāo)方位的Hover特效
這篇文章主要介紹了基于CSS3和jQuery實現(xiàn)跟隨鼠標(biāo)方位的Hover特效的相關(guān)資料,需要的朋友可以參考下2016-07-07
jQuery插件zTree實現(xiàn)刪除樹子節(jié)點的方法示例
這篇文章主要介紹了jQuery插件zTree實現(xiàn)刪除樹子節(jié)點的方法,結(jié)合實例形式分析了jQuery樹形插件zTree針對節(jié)點的遍歷與刪除操作相關(guān)技巧,需要的朋友可以參考下2017-03-03
JQuery獲取當(dāng)前屏幕的高度寬度的實現(xiàn)代碼
JQuery獲取瀏覽器窗口寬高,文檔寬高的代碼,使用jquery的朋友可以參考下。2011-07-07
詳解jQuery移動頁面開發(fā)中的ui-grid網(wǎng)格布局使用
這篇文章主要介紹了jQuery移動頁面開發(fā)中的ui-grid網(wǎng)格布局使用,以講解多列頁面布局方式為主,需要的朋友可以參考下2015-12-12

