首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

HTML DOM的各种、偏移位置的属性总结

DOM对象的 1.HTMLElement.clientWidth和HTMLElement.clientHeight (只读) 兼容性:All; 指的是元素的可视部分宽度和高度,即padding+content...,如果没有滚动条,即为元素设定的高度和宽度,如果出现滚动条,滚动条会遮盖元素的,那么该属性就是其本来减去滚动条的,包含内边距,但不包括水平滚动条、边框和外边距。...developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect 兼容性:常见的浏览器都支持; 如果是标准盒子模型,元素的尺寸等于...如果box-sizing: border-box,元素的的尺寸等于 width/height。 ...requestAnimationFrame是HTML5版本新增的API方法 被绑定在window对象身上 接收一个回调函数作为参数 返回值是当前执行的唯一标志,用来清除这次执行(与计时器类似) 回调函数会被传入

1.4K30

DOM 和 BOM 中的各种属性

先区分一下 window 对象和 document 对象: window 对象表示浏览器中打开的窗口,而 document 对象表示整个 html 文档,它是 window 对象的一部分。...原生 JavaScript 1.与 window 相关的 1.1 与窗口相关 window.innerHeight/window.innerWidth: 返回表示窗口的内部高度/宽度的数字。...不包括开发者工具、顶部栏、侧边栏、滚动条、边框等不由 HTML 控制的部分 window.outerHeight/window.outerWidth: 返回表示窗口的外部高度/宽度的数字。...兼容性:主流浏览器均支持 2.与 document 相关的 2.1 client 系列 element.clientHeight/element.clientWidth: 返回元素的可视部分的高度/...3.与 event 相关的 event 对象同样存在着很多位置属性,这些位置属性的参照物都不同。

1.8K10
领券