站長資訊網
        最全最豐富的資訊網站

        jquery怎么求屏幕的高度

        jquery求屏幕高度的方法:1、通過“alert($(window).height());”方法獲取瀏覽器當前窗口可視區域高度;2、通過“alert($(document).height());”方法獲取瀏覽器當前窗口文檔的高度;3、通過“alert($(document.body).height());”方法獲取瀏覽器當前窗口文檔body的高度等。

        jquery怎么求屏幕的高度

        本教程操作環境:Windows10系統、jquery3.2.1版、DELL G3電腦

        jquery怎么求屏幕的高度?

        js或jQuery獲取當前屏幕的各種高度

        一、參考地址:

        js或jQuery獲取當前屏幕的各種高度

        jquery監控瀏覽窗口尺寸變化執行相應的代碼

        二、

        1、Javascript:

        網頁可見區域寬: document.body.clientWidth 網頁可見區域高: document.body.clientHeight 網頁可見區域寬: document.body.offsetWidth (包括邊線的寬) 網頁可見區域高: document.body.offsetHeight (包括邊線的高) 網頁正文全文寬: document.body.scrollWidth 網頁正文全文高: document.body.scrollHeight 網頁被卷去的高: document.body.scrollTop 網頁被卷去的左: document.body.scrollLeft 網頁正文部分上: window.screenTop 網頁正文部分左: window.screenLeft 屏幕分辨率的高: window.screen.height 屏幕分辨率的寬: window.screen.width 屏幕可用工作區高度: window.screen.availHeight 屏幕可用工作區寬度: window.screen.availWidth
        登錄后復制

        2、JQuery:

        $(document).ready(function(){ alert($(window).height()); //瀏覽器當前窗口可視區域高度 alert($(document).height()); //瀏覽器當前窗口文檔的高度 alert($(document.body).height());//瀏覽器當前窗口文檔body的高度 alert($(document.body).outerHeight(true));//瀏覽器當前窗口文檔body的總高度 包括border padding margin alert($(window).width()); //瀏覽器當前窗口可視區域寬度 alert($(document).width());//瀏覽器當前窗口文檔對象寬度 alert($(document.body).width());//瀏覽器當前窗口文檔body的寬度 alert($(document.body).outerWidth(true));//瀏覽器當前窗口文檔body的總寬度 包括border padding margin })
        登錄后復制

        三、窗口大小改變時

        $(window).resize(function(){    //執行代碼塊 });
        登錄后復制

        四、點擊返回頂部

        $('.go_top').click(function(){     if ($(window).scrollTop() > 0) {     $("html,body").stop().animate({ scrollTop: 0 }, 200); } }); $(window).scroll(function(){     var w_h = $(document).scrollTop();     if(w_h>300){         $('.go_top').fadeIn();     }     if(w_h<=300){         $('.go_top').fadeOut();     } });
        登錄后復制

        推薦學習:《jQuery視頻教程》

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 尤物国精品午夜福利视频| 日韩精品无码一区二区三区免费 | 2048亚洲精品国产| 亚洲福利精品电影在线观看| 国产精品久久久久久久久久免费| 500av大全导航精品| 人妻少妇精品无码专区二区| 日韩精品一二三四区| 国产在线精品国自产拍影院 | 中文字幕久精品免费视频| 精品精品国产高清a毛片| 久久亚洲国产欧洲精品一| 99视频精品全部在线观看| 久久久无码精品亚洲日韩蜜臀浪潮| 天天爽夜夜爽夜夜爽精品视频| 国产一区二区三区在线观看精品| 日韩精品在线免费观看| 国产成人精品综合网站| 精品无码久久久久久尤物| 亚洲av永久无码精品国产精品| 亚洲综合精品网站| 国内精品免费视频精选在线观看| 久久国产亚洲精品无码| 中文成人无码精品久久久不卡 | 国语自产少妇精品视频蜜桃| 亚洲精品无码久久久久去q| 色哟哟国产精品免费观看| 久草欧美精品在线观看| 九九久久精品无码专区| 精品国精品国产自在久国产应用男 | 久久亚洲国产午夜精品理论片| 国产精品视频久久久| 久久青草国产精品一区| 精品一区二区久久| 国产伦精品一区二区三区女 | 精品国产一区二区三区无码| 国产精品香港三级国产AV| 2048亚洲精品国产| 久久精品一区二区| 国产A∨免费精品视频| 国产综合精品久久亚洲|