站長資訊網(wǎng)
最全最豐富的資訊網(wǎng)站

jquery怎么求屏幕的高度

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

jquery怎么求屏幕的高度

本教程操作環(huán)境:Windows10系統(tǒng)、jquery3.2.1版、DELL G3電腦

jquery怎么求屏幕的高度?

js或jQuery獲取當(dāng)前屏幕的各種高度

一、參考地址:

js或jQuery獲取當(dāng)前屏幕的各種高度

jquery監(jiān)控瀏覽窗口尺寸變化執(zhí)行相應(yīng)的代碼

二、

1、Javascript:

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

2、JQuery:

$(document).ready(function(){ 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 })
登錄后復(fù)制

三、窗口大小改變時(shí)

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

四、點(diǎn)擊返回頂部

$('.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();     } });
登錄后復(fù)制

推薦學(xué)習(xí):《jQuery視頻教程》

贊(0)
分享到: 更多 (0)
網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)
日韩不卡中文字幕| 色欲AV永久无码精品无码| 精品国产91久久久久久久a| 中文字幕美日韩在线高清| 精品综合久久久久久99| 亚洲日韩精品无码专区加勒比| 久久久久99精品成人片试看 | 国产精品精品自在线拍| 中文字幕精品无码一区二区 | 精品一区二区三区在线成人 | 国产精品亚洲色婷婷99久久精品| 久久国产精品99国产精| 亚洲精品人成网线在线播放va| 999国内精品永久免费观看| 精品国产第一国产综合精品| 亚洲国产精品综合福利专区| 精品无码AV无码免费专区| 99久久免费精品高清特色大片| 午夜精品免费在线观看| 无码人妻精品一区二区三18禁 | 国产精品久久久久天天影视| 精品熟人妻一区二区三区四区不卡 | 国产精品99久久精品爆乳| 九九久久精品国产免费看小说| 美女免费精品高清毛片在线视| 国产精品日韩专区| 九九在线精品视频| 精品久久久久中文字| 窝窝午夜看片国产精品人体宴| 亚洲精品无码精品mV在线观看| 亚洲日韩精品无码专区网址 | 日韩精品电影一区| 国产精品久久国产精品99| 日韩美无码五月天| 日韩一级黄色影片| 九九在线观看精品视频6| 久久e热在这里只有国产中文精品99 | 国内精品无码一区二区三区| 国产香蕉精品视频在| 久99频这里只精品23热视频| 精品午夜福利在线观看|