document.compatMode用来判断当前浏览器采用的渲染方式。BackCompat:标准兼容模式关闭。CSS1Compat:标准兼容模式开启。当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth;当docu ...
分类:
Web程序 时间:
2017-12-20 13:47:41
阅读次数:
195
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括 ...
分类:
Web程序 时间:
2017-12-19 01:04:33
阅读次数:
241
DOM元素对象 element.addEventLIstener\向指定元素添加element.appendChild为元素添加一个新的元素element.className 设置或者返回元素的classele.clientHeight 返回内容的可视高度ele.clientWidth 返回内容的可 ...
分类:
其他好文 时间:
2017-12-11 11:24:39
阅读次数:
153
窗口可视区域宽度: document.documentElement.clientWidth || document.body.clientWidth;窗口可视区域高度: document.documentElement.clientHeight || document.body.clientHei ...
分类:
其他好文 时间:
2017-12-09 15:51:45
阅读次数:
191
//单独创建一个JS 文件,写上如下代码document.documentElement.style.fontSize = document.documentElement.clientWidth/19.2 + "px"; window.addEventListener("resize",setRe... ...
分类:
其他好文 时间:
2017-11-13 13:36:50
阅读次数:
171
<!DOCTYPE html><html><head> <script type="text/javascript"> document.documentElement.style.fontSize=document.documentElement.clientWidth/6.4+'px'; doc ...
分类:
移动开发 时间:
2017-11-02 13:03:41
阅读次数:
228
width: clientWidth:对象实际内容的宽度,不包含边线,最大不超过视口宽度 offsetWidth:对象实际宽度,包含边线,最大不超过视口宽度 scrollWidth:对象实际宽度,不包含边线,可超过视口宽度 height:(都可超过视口高度) clientHeight:对象实际内容的 ...
分类:
Web程序 时间:
2017-11-01 20:39:18
阅读次数:
225
scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。 clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。 offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。 该demo就在 ...
分类:
其他好文 时间:
2017-10-30 18:10:46
阅读次数:
181
document.documentElement.scrollTop:滚动条到顶部的距离//适用于标准页面《!doctype》。document.body.scrollTop:滚动条到顶部的距离//在标准页面下得到为0。document.body.clientWidth ;document.body ...
document.documentElement这里的documentElement实际就是整个htmldocument.documentElement.clientWidth/clientHeight可视窗口的大小oDiv.offsetWidth/Height;/clientWidth/clientHeight元素的大小div中有一个图,有可能产生一个问题,即将外围div的大小扩大,这时需要给这个图..
分类:
Web程序 时间:
2017-10-25 23:38:14
阅读次数:
141