1.clientWidth和clientHeight指元素的可视部分宽度和高度，就是padding+content如果没有滚动条，就是设定的宽度和高度 如果有滚动条，就是设定的宽度和高度减去滚动条的宽度和高度 body{ border:20px solid #ccc; margin:10px; pa ...
分类：
Web程序 时间：
2017-10-18 21:44:33
阅读次数：
309
一、client 可视区域 offsetWidth: width + padding + border （披着羊皮的狼） clientWidth： width + padding 不包含border scrollWidth: 大小是内容的大小 二、检测屏幕宽度(可视区域) 1、ie9及其以上的版本 ...
分类：
其他好文 时间：
2017-10-13 00:39:23
阅读次数：
186
注：此文属于转载自他人博客 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.bod ...
分类：
Web程序 时间：
2017-10-10 23:15:22
阅读次数：
266
新手看到这几个属性，很头疼，参考了网上一些文章，加上自己实践，给出对这几个属性的解释 我把代码贴上来，方便大家验证 在chrome浏览器中，不知为什么图片容器高度比图片高度多了4px，把图片设置为block或者是容器的fontSize设置为0可解决这个问题。 图片是这个 页面效果，我放了两张图片，下 ...
分类：
其他好文 时间：
2017-10-08 16:12:07
阅读次数：
182
1.获取网页可见区域的宽度：document.body.clientWidth ; 2.获取网页可见区域的高度：document.body.clientHeight; 3.获取 网页可见区域宽：document.body.offsetWidth; (包括边线的宽度) 4.获取网页可见区域高：docu ...
分类：
Web程序 时间：
2017-10-07 14:34:00
阅读次数：
207
说到盒子模型，你第一时间会想到css盒子模型，css中的盒子模型包括（内容区+内边距+边框）。那在js中怎么去获取这些属性值呢？下面一起来学习js中的盒子模型。 css样式 html结构 1.client系列 clientWidth/clientHeight 如果不设置容器的宽高，用内边距撑开，获取 ...
分类：
Web程序 时间：
2017-10-03 20:11:47
阅读次数：
177
一、非空验证 trim：去空格（去掉前后的空格），任何字符串都可以用这个方法。写法为：if(v.trim().length==0)，表示如果去掉空格后的字符串的长度为0。 二、对比验证 三、范围验证 四、js获取网页面的高度和宽度 网页可见区域宽：document.body.clientWidth网 ...
分类：
Web程序 时间：
2017-10-02 23:09:18
阅读次数：
298
scrollWidth: 对象实际内容的宽度，不包括边线宽度，会随对象中的内容超过可视区后而变大。 clientWidth: 对象内容的可视区的宽度，不包括滚动条等边线，会随对象显示大小的变化而变化。 offsetWidth: 对象整体的实际宽度，包括滚动条等变线，会随对象显示大小的变化而变化。 ...
分类：
其他好文 时间：
2017-10-01 00:14:22
阅读次数：
224
经常会遇到需要获取屏幕宽度、高度，可视区域宽度、高度等问题，也就常跟这几个打交道，一不小心，还真爱弄混淆了。 先来列举下这几个吧： screen.availHeight、screen.availWidth； screen.height、screen.width； document.documentE ...
分类：
其他好文 时间：
2017-09-30 20:57:11
阅读次数：
140
浏览器高度： FireFox中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 docume ...
分类：
其他好文 时间：
2017-09-30 00:38:11
阅读次数：
171
