美文网首页
jQuery获取的宽高(包括内边距和外边距)和JS原生宽高

jQuery获取的宽高(包括内边距和外边距)和JS原生宽高

作者: 曾祥辉 | 来源:发表于2017-08-03 02:52 被阅读0次

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

转载自http://www.cnblogs.com/zhaojia-dream/p/4537932.html

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

相关文章

  • jQuery获取的宽高(包括内边距和外边距)和JS原生宽高

    width() - 返回元素的宽度。height() - 返回元素的高度。innerWidth() 方法返回元素的...

  • 05-获取元素宽高的其他方式

    1. 通过 getComputedStyle获取元素宽高 1.1 获取的宽高不包括 边框和内边距 1.2 既可...

  • 2016.9.25 CSS第二部

    1.盒模型包括哪些属性? 包括内容区,内边距,边框,外边距.其中内边距与外边距是不可见的,但是定义块区域的宽高时候...

  • css布局-盒模型

    1、盒模型的初步认识一个真正的盒子包括:内容宽,内容高,边框,内边距,外边距width:内容宽height:内容高...

  • css样式(一部分) - 草稿

    width:宽 height: 高 margin: 外边距 padding; 内边距 float : left 左...

  • html知识点!

    height 定义高 width 定义宽 padding 内边距 margin 外边距 bac...

  • CSS样式(一少部分)

    height:高 width:宽 padding:内边距 margin:外边距 background:背景颜色 c...

  • HTML关键词

    border:边框 margin:外边距 width:宽 height:高 padding:内边距 top、bot...

  • 考题1

    1,盒子的框高和宽: 盒宽=width+左右边框距+左右内边距 盒高=height+上下边框距+上下内边距 2,盒...

  • 其他知识

    清空默认边距 为什么要清空默认边距(外边距和内边距) 在企业开发中为了更好的控制盒子的宽高和计算盒子的宽高等等, ...

网友评论

      本文标题:jQuery获取的宽高(包括内边距和外边距)和JS原生宽高

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