美文网首页
JS、JQ获取高度、宽度

JS、JQ获取高度、宽度

作者: 王远清orz | 来源:发表于2019-05-17 17:52 被阅读0次

    JQ获取

    width() - 返回元素的宽度。
    height() - 返回元素的高度。
    innerWidth() 方法返回元素的宽度(包括内边距)。
    innerHeight() 方法返回元素的高度(包括内边距)。
    outerWidth() 方法返回元素的宽度(包括内边距和边框)。
    outerHeight() 方法返回元素的高度(包括内边距和边框)。
    outerWidth(true) 方法返回元素的宽度(包括内边距、边框和外边距)
    outerHeight(true) 方法返回元素的高度(包括内边距、边框和外边距)
    返回文档(HTML 文档)Jquery.(document).height()的高度
    返回窗口(浏览器视口)Jquery.(window).height()的高度

    原生js获取

    页可见区域宽: 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;

    相关文章

      网友评论

          本文标题:JS、JQ获取高度、宽度

          本文链接:https://www.haomeiwen.com/subject/jvgoaqtx.html