一.window相关 二.body相关 三.滚动相关 四.位置精确定位 五.坐标轴 六.width/clientWidth/offsetWidth以及height之间区别 ...
分类：
Web程序 时间：
2019-10-07 18:03:16
阅读次数：
110
1，element.offsetWidth : 包括 padding 和 边框 2，element.clientWidth : 包括 padding ，不包含边框 ， 内容超出会溢出盒子的时候，就用scrollWidth 3，element.scrollWidth : 不包含边框 主要用法： 1，o ...
分类：
Web程序 时间：
2019-09-11 15:45:22
阅读次数：
97
javascript中获取dom元素高度和宽度的方法如下： 网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： ...
分类：
其他好文 时间：
2019-07-14 19:44:36
阅读次数：
127
1 $(window).bind("load resize",function(){ 2 document.documentElement.clientWidth >= 600 ? console.log("hello") : console.log("xiaoyu600") 3 }); 4 //第... ...
分类：
Web程序 时间：
2019-07-01 10:36:44
阅读次数：
156
* offsetWidth 水平方向 width + 左右padding + 左右border-width * offsetHeight 垂直方向 height + 上下padding + 上下border-width * * clientWidth 水平方向 width + 左右padding * ...
分类：
编程语言 时间：
2019-06-28 14:45:05
阅读次数：
99
了解 offsetWidth clientWidth scrollWidth 的区别 最近需要清除区分开元素的width，height及相应的坐标等，当前这篇用来区分 `clientWidth scrollWidth`的区别 各自的概念 假设有一个元素，width有以下几个进行组合 + conten ...
分类：
其他好文 时间：
2019-06-25 00:16:33
阅读次数：
104
~~~js function getInfo(){ var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth+"\n"; s += " 网页可见区域高："+ document.body.clientHeight+"\n"; s += " 网页可见 ...
分类：
移动开发 时间：
2019-06-15 15:16:16
阅读次数：
138
document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度 vue使用document.documentEle ...
分类：
Web程序 时间：
2019-06-06 12:15:19
阅读次数：
116
css布局受浏览器视口的限制 桌面端浏览器只有布局视口的概念 桌面端浏览器像素比 1px对应css像素为1px 移动端浏览器有布局视口、可视视口、理想视口三个概念。 通过document.documentElement.clientWidth/Height可以获得浏览器的布局视口宽口。 通过scre ...
分类：
其他好文 时间：
2019-06-06 00:26:43
阅读次数：
116
使用DOM节点操作1、周期性创建雪花setInterval()2、雪花出现的位置随机function rand(m,n){return Math.floor(Math.random() * (n-m+1)) + m}document.documentElement.clientWidth || do ...
分类：
其他好文 时间：
2019-05-23 21:10:56
阅读次数：
96
