欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery 獲取屏幕高度、寬度的簡(jiǎn)單實(shí)現(xiàn)案例

 更新時(shí)間:2016年05月17日 16:22:57   投稿:jingxian  
下面小編就為大家?guī)?lái)一篇jQuery 獲取屏幕高度、寬度的簡(jiǎn)單實(shí)現(xiàn)案例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

做手機(jī)Web開(kāi)發(fā)做瀏覽器兼容用到了,所以在網(wǎng)上找了些匯總下。

alert($(window).height()); //瀏覽器當(dāng)前窗口可視區(qū)域高度 

alert($(document).height()); //瀏覽器當(dāng)前窗口文檔的高度 

alert($(document.body).height());//瀏覽器當(dāng)前窗口文檔body的高度 

alert($(document.body).outerHeight(true));//瀏覽器當(dāng)前窗口文檔body的總高度 包括border padding margin 

alert($(window).width()); //瀏覽器當(dāng)前窗口可視區(qū)域?qū)挾?

alert($(document).width());//瀏覽器當(dāng)前窗口文檔對(duì)象寬度 

alert($(document.body).width());//瀏覽器當(dāng)前窗口文檔body的高度 

alert($(document.body).outerWidth(true));//瀏覽器當(dāng)前窗口文檔body的總寬度 包括border padding margin 

 

// 獲取頁(yè)面的高度、寬度

function getPageSize() {

  var xScroll, yScroll;

  if (window.innerHeight && window.scrollMaxY) {

    xScroll = window.innerWidth + window.scrollMaxX;

    yScroll = window.innerHeight + window.scrollMaxY;

  } else {

    if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac  

      xScroll = document.body.scrollWidth;

      yScroll = document.body.scrollHeight;

    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari  

      xScroll = document.body.offsetWidth;

      yScroll = document.body.offsetHeight;

    }

  }

  var windowWidth, windowHeight;

  if (self.innerHeight) { // all except Explorer  

    if (document.documentElement.clientWidth) {

      windowWidth = document.documentElement.clientWidth;

    } else {

      windowWidth = self.innerWidth;

    }

    windowHeight = self.innerHeight;

  } else {

    if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode  

      windowWidth = document.documentElement.clientWidth;

      windowHeight = document.documentElement.clientHeight;

    } else {

      if (document.body) { // other Explorers  

        windowWidth = document.body.clientWidth;

        windowHeight = document.body.clientHeight;

      }

    }

  }    

  // for small pages with total height less then height of the viewport  

  if (yScroll < windowHeight) {

    pageHeight = windowHeight;

  } else {

    pageHeight = yScroll;

  }  

  // for small pages with total width less then width of the viewport  

  if (xScroll < windowWidth) {

    pageWidth = xScroll;

  } else {

    pageWidth = windowWidth;

  }

  arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);

  return arrayPageSize;

}

 

// 滾動(dòng)條

document.body.scrollTop;

$(document).scrollTop();

以上這篇jQuery 獲取屏幕高度、寬度的簡(jiǎn)單實(shí)現(xiàn)案例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • jquery 框架使用教程 AJAX篇

    jquery 框架使用教程 AJAX篇

    正好項(xiàng)目中準(zhǔn)備使用thickbox,于是干脆拋棄prototype.js,看起jquery.js了。JQuery確實(shí)不錯(cuò),體積比Prototype小了許多,而且使用起來(lái)更方便更靈活。有人說(shuō)Prototype像JAVA,正統(tǒng);而JQuery像Ruby,靈活,更趨于OOP。
    2009-10-10
  • jquery遍歷json對(duì)象集合詳解

    jquery遍歷json對(duì)象集合詳解

    這篇文章主要為大家詳細(xì)介紹了jquery遍歷json對(duì)象集合、jQuery 遍歷JSON對(duì)象、jquery中遍歷讀取json串中的對(duì)象三種情況,感興趣的小伙伴們可以參考一下
    2016-05-05
  • Jquery性能優(yōu)化詳解

    Jquery性能優(yōu)化詳解

    尋尋覓覓,覓覓尋尋終于找到了一些關(guān)于jquery性能優(yōu)化的文章,果斷收藏當(dāng)然不能忘了加上自己的一些總結(jié)及理解。
    2014-05-05
  • jQuery中on綁定事件后引發(fā)的事件冒泡問(wèn)題如何解決

    jQuery中on綁定事件后引發(fā)的事件冒泡問(wèn)題如何解決

    這篇文章主要介紹了jQuery中on綁定事件后引發(fā)的事件冒泡問(wèn)題及解決辦法,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧
    2016-05-05
  • 以WordPress為例講解jQuery美化頁(yè)面Title的方法

    以WordPress為例講解jQuery美化頁(yè)面Title的方法

    鼠標(biāo)移動(dòng)到超鏈接時(shí)顯示Title提示即是所謂Title美化的一般手段,這里我們就以WordPress為例講解jQuery美化頁(yè)面Title的方法,需要的朋友可以參考下
    2016-05-05
  • 深入淺析jQuery對(duì)象$.html

    深入淺析jQuery對(duì)象$.html

    這篇文章主要介紹了jQuery對(duì)象$.html的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-08-08
  • 動(dòng)態(tài)獲取復(fù)選框checkbox選中個(gè)數(shù)的jquery代碼

    動(dòng)態(tài)獲取復(fù)選框checkbox選中個(gè)數(shù)的jquery代碼

    這篇文章主要介紹了jquery中動(dòng)態(tài)獲取復(fù)選框checkbox選中的個(gè)數(shù)的實(shí)現(xiàn)代碼,需要的朋友可以參考下
    2013-06-06
  • 基于jquery實(shí)現(xiàn)手風(fēng)琴效果

    基于jquery實(shí)現(xiàn)手風(fēng)琴效果

    這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)手風(fēng)琴效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • Raphael一個(gè)用于在網(wǎng)頁(yè)中繪制矢量圖形的Javascript庫(kù)

    Raphael一個(gè)用于在網(wǎng)頁(yè)中繪制矢量圖形的Javascript庫(kù)

    Raphael是一個(gè)用于在網(wǎng)頁(yè)中繪制矢量圖形的Javascript庫(kù),它使用 SVG W3C 推薦標(biāo)準(zhǔn)和 VML 作為創(chuàng)建圖形的基礎(chǔ),你可以通過(guò) JavaScript 操作 DOM 來(lái)輕松創(chuàng)建出各種復(fù)雜的柱狀圖、餅圖、曲線圖等各種圖表,接下來(lái)詳細(xì)介紹,感興趣的朋友可以了解下哦
    2013-01-01
  • 一個(gè)可綁定數(shù)據(jù)源的jQuery數(shù)據(jù)表格插件

    一個(gè)可綁定數(shù)據(jù)源的jQuery數(shù)據(jù)表格插件

    此文將實(shí)現(xiàn)一個(gè)的jQuery表格插件jQuery.DataGrid。需要的朋友可以參考下。
    2010-07-07

最新評(píng)論