• jQuery,javascript获得网页的高度和宽度$(document).height / $(window).height


     一、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.screenT...

    一、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

    二、jquery

    获取浏览器显示区域的高度 : $(window).height(); 

    获取浏览器显示区域的宽度 :$(window).width(); 

    获取页面的文档高度 :$(document).height(); 

    获取页面的文档宽度 :$(document).width();

    获取滚动条到顶部的垂直高度 :$(document).scrollTop(); 

    获取滚动条到左边的垂直宽度 :$(document).scrollLeft(); 

    三、计算元素位置和偏移量 

    offset方法是一个很有用的方法,它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。 

    offset(options, results) 

    options.relativeTo  指定相对计 算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。 

    options.scroll         是否把 滚动条计算在内,默认TRUE 

    options.padding     是否把padding计算在内,默认false 

    options.margin      是否把margin计算在内,默认true 

    options.border      是否把边框计算在内,默认true

  • 相关阅读:
    【BZOJ】1049: [HAOI2006]数字序列(lis+特殊的技巧)
    【BZOJ】1089: [SCOI2003]严格n元树(递推+高精度/fft)
    【BZOJ】1070: [SCOI2007]修车(费用流+特殊的技巧)
    【BZOJ】1014: [JSOI2008]火星人prefix(splay+hash+二分+lcp)
    【BZOJ】1090: [SCOI2003]字符串折叠(dp)
    【BZOJ】1189: [HNOI2007]紧急疏散evacuate(二分+bfs+网络流)
    【BZOJ】3709: [PA2014]Bohater(贪心)
    【BZOJ】2929: [Poi1999]洞穴攀行(最大流)
    【BZOJ】2435: [Noi2011]道路修建(树形dp)
    【BZOJ】1458: 士兵占领(上下界网络流)
  • 原文地址:https://www.cnblogs.com/caogang/p/4695341.html
Copyright © 2020-2023  润新知