最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery javascript獲得網(wǎng)頁的高度與寬度的實現(xiàn)代碼

 更新時間:2016年04月26日 15:08:55   投稿:jingxian  
下面小編就為大家?guī)硪黄猨Query javascript獲得網(wǎng)頁的高度與寬度的實現(xiàn)代碼。小編覺得挺不錯的,現(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方法是一個很有用的方法,它返回包裝集中第一個元素的偏移信息。默認情況下是相對body的偏移信息。結(jié)果包含 top和left兩個屬性。
offset(options, results)
options.relativeTo  指定相對計 算偏移位置的祖先元素。這個元素應該是relative或absolute定位。省略則相對body。
options.scroll  是否把 滾動條計算在內(nèi),默認TRUE
options.padding  是否把padding計算在內(nèi),默認false
options.margin   是否把margin計算在內(nèi),默認true
options.border  是否把邊框計算在內(nèi),默認true

以上這篇jQuery javascript獲得網(wǎng)頁的高度與寬度就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • uniapp實現(xiàn)下拉刷新與上拉觸底加載功能的示例代碼

    uniapp實現(xiàn)下拉刷新與上拉觸底加載功能的示例代碼

    這篇文章主要記錄一下uniapp實現(xiàn)下拉刷新與上拉觸底加載功能的示例代碼,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2023-04-04
  • llqrcode js識別二維碼解析二維碼信息實例

    llqrcode js識別二維碼解析二維碼信息實例

    這篇文章主要為大家介紹了llqrcode js識別二維碼解析二維碼信息實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-11-11
  • JS一維數(shù)組轉(zhuǎn)化為三維數(shù)組的實現(xiàn)示例

    JS一維數(shù)組轉(zhuǎn)化為三維數(shù)組的實現(xiàn)示例

    很多時候,跟后端接口開發(fā)對接時,因為需求的關(guān)系,需要前端地區(qū)數(shù)據(jù)跟后端的數(shù)據(jù)要一一對應,有時候需要的是多維數(shù)據(jù),這篇文章主要介紹了JS一維數(shù)組轉(zhuǎn)化為三維數(shù)組的實現(xiàn)示例,感興趣的可以了解一下
    2021-12-12
  • 原生js實現(xiàn)貪吃蛇游戲

    原生js實現(xiàn)貪吃蛇游戲

    這篇文章主要為大家詳細介紹了原生js實現(xiàn)貪吃蛇小游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-10-10
  • 微信小程序?qū)崿F(xiàn)簡易的計算器功能

    微信小程序?qū)崿F(xiàn)簡易的計算器功能

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)簡易的計算器功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-09-09
  • 關(guān)于Aptana Studio生成自動備份文件的解決辦法

    關(guān)于Aptana Studio生成自動備份文件的解決辦法

    關(guān)于Aptana Studio生成自動備份文件的解決辦法
    2009-12-12
  • JS Pro-深入面向?qū)ο蟮某绦蛟O計之繼承的詳解

    JS Pro-深入面向?qū)ο蟮某绦蛟O計之繼承的詳解

    一般的面向?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下拉框的用法總結(jié)

    這篇文章主要為大家介紹了javascript中select下拉框的用法,select在開發(fā)中經(jīng)常被用到,用于進行選項選擇,需要的朋友可以參考下
    2016-01-01
  • js實現(xiàn)上傳圖片及時預覽

    js實現(xiàn)上傳圖片及時預覽

    這篇文章主要為大家詳細介紹了js實現(xiàn)上傳圖片及時預覽的相關(guān)資料,具有一定的參考價值,感興趣的朋友可以參考一下
    2016-05-05
  • ES6新特性之模塊Module用法詳解

    ES6新特性之模塊Module用法詳解

    這篇文章主要介紹了ES6新特性之模塊Module用法,簡要說明了模塊Module的概念、功能并結(jié)合實例形式分析了模塊Module的使用方法與相關(guān)注意事項,需要的朋友可以參考下
    2017-04-04

最新評論

安泽县| 西贡区| 盈江县| 辽中县| 屏东市| 于田县| 封丘县| 邓州市| 托里县| 蒙自县| 南召县| 泸西县| 灵丘县| 九龙坡区| 浙江省| 手机| 陆川县| 峨边| 尉氏县| 乌拉特中旗| 和平区| 新化县| 和田市| 根河市| 江北区| 湛江市| 汝阳县| 东兴市| 雷山县| 航空| 通州区| 嘉祥县| 贡嘎县| 巴彦淖尔市| 平罗县| 呼和浩特市| 汉川市| 清远市| 绥宁县| 常宁市| 菏泽市|