jQuery javascript獲得網(wǎng)頁的高度與寬度的實現(xiàn)代碼
網(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
jquery
獲取瀏覽器顯示區(qū)域的高度 : $(window).height();
獲取瀏覽器顯示區(qū)域的寬度 :$(window).width();
獲取頁面的文檔高度 :$(document).height();
獲取頁面的文檔寬度 :$(document).width();
獲取滾動條到頂部的垂直高度 :$(document).scrollTop();
獲取滾動條到左邊的垂直寬度 :$(document).scrollLeft();
計算元素位置和偏移量
offset方法是一個很有用的方法,它返回包裝集中第一個元素的偏移信息。默認(rèn)情況下是相對body的偏移信息。結(jié)果包含 top和left兩個屬性。
offset(options, results)
options.relativeTo 指定相對計 算偏移位置的祖先元素。這個元素應(yīng)該是relative或absolute定位。省略則相對body。
options.scroll 是否把 滾動條計算在內(nèi),默認(rèn)TRUE
options.padding 是否把padding計算在內(nèi),默認(rèn)false
options.margin 是否把margin計算在內(nèi),默認(rèn)true
options.border 是否把邊框計算在內(nèi),默認(rèn)true
以上這篇jQuery javascript獲得網(wǎng)頁的高度與寬度就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- javascript獲取網(wǎng)頁寬高方法匯總
- javascript實現(xiàn)網(wǎng)頁中涉及的簡易運動(改變寬高、透明度、位置)
- JS獲取屏幕,瀏覽器窗口大小,網(wǎng)頁高度寬度(實現(xiàn)代碼)
- javascript獲取和判斷瀏覽器窗口、屏幕、網(wǎng)頁的高度、寬度等
- 獲取JS中網(wǎng)頁各種高寬與位置的方法總結(jié)
- JavaScript獲取網(wǎng)頁、瀏覽器、屏幕高度和寬度匯總
- javascript獲取網(wǎng)頁各種高寬及位置的方法總結(jié)
- JS獲取網(wǎng)頁屬性包括寬、高等等
- JavaScript獲取網(wǎng)頁的寬高及如何兼容詳解
相關(guān)文章
uniapp實現(xiàn)下拉刷新與上拉觸底加載功能的示例代碼
這篇文章主要記錄一下uniapp實現(xiàn)下拉刷新與上拉觸底加載功能的示例代碼,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-04-04
JS一維數(shù)組轉(zhuǎn)化為三維數(shù)組的實現(xiàn)示例
很多時候,跟后端接口開發(fā)對接時,因為需求的關(guān)系,需要前端地區(qū)數(shù)據(jù)跟后端的數(shù)據(jù)要一一對應(yīng),有時候需要的是多維數(shù)據(jù),這篇文章主要介紹了JS一維數(shù)組轉(zhuǎn)化為三維數(shù)組的實現(xiàn)示例,感興趣的可以了解一下2021-12-12
關(guān)于Aptana Studio生成自動備份文件的解決辦法
關(guān)于Aptana Studio生成自動備份文件的解決辦法2009-12-12
JS Pro-深入面向?qū)ο蟮某绦蛟O(shè)計之繼承的詳解
一般的面向?qū)ο蟪绦蛘Z言,有兩種繼承方法——接口繼承(interface inheritance)和實現(xiàn)繼承(implementation inheritance)。接口繼承只繼承方法簽名,而實現(xiàn)繼承則繼承實際的方法。在JavaScript中,函數(shù)沒有簽名,所以在JavaScript只支持實現(xiàn)繼承,而且主要是依靠原型鏈(prototype chaining)來是實現(xiàn)的2013-05-05
javascript中select下拉框的用法總結(jié)
這篇文章主要為大家介紹了javascript中select下拉框的用法,select在開發(fā)中經(jīng)常被用到,用于進(jìn)行選項選擇,需要的朋友可以參考下2016-01-01

