JavaScript中的一些定位属性[图解]

有这张图就够了,简单地说明一下
以Height为例,Width同理:
div.clientHeight:可见窗口除去了margin+border之后的长度。
div.offsetHeight:在div.clientHeight的基础上加了border和滚动条的长度。
div.scrollHeight:就是元素内容的实际高度。
以Top为例,Left同理:
div.clientTop:margin之后padding之前的长度值。
div.offsetTop:该元素的上border的上边缘 到 该元素的offsetParent的上border内边缘的垂直距离。
div.scrollTop:对象的最顶部到对象在当前窗口显示的范围内的顶边的距离,即是在出现了纵向滚动条的情况下,滚动条拉动的距离。
关于offsetParent,不同的浏览器有不同的实现算法,有一种常见布局在各种浏览器中 offsetParent 是一样的,那就是:外层元素 div 的 position 计算值是 relative、absolute 时,内层元素 div 的 offsetParent 总是外层元素 div。
JavaScript 浏览器验证代码(来自discuz)
在看Discuz!的源码的时候,发现了一段浏览器验证的代码,还是比较经典的:varBROWSER={};varUSERAGENT=navigator.userAgent.toLowerCase();alert(USERAGENT);BROWSER.ie=window.Acti
javascript 数据类型转换(parseInt,parseFloat)
javascript有两种数据类型的转换方法:(一)将整个值从一种类型转换为另一种数据类型(称作基本数据类型转换)(二)从一个值中提取另一种类型的
javascript基础第一章 JavaScript与用户端
一页面输出1.头部文件headscriptlanguage="javascript"document.write("积木网www.gimoo.net");/script/head2.页面内bodyscriptdocument.write("积木网");/script/body3.外部文件scriptsrc="d
编辑:编程语言
标签:元素,数据类型,滚动条,长度,外层