ID:38191406
大小:39.00 KB
页数:3页
时间:2019-05-24
3、距其左边最近的是“提交”按钮的右边框。以上属性在FireFox中也有效。另外:我们这里所说的是指HTML控件的属性值,并不是document.body,document.body的值在不同浏览器中有不同解释(实际上大多数环境是由于对document.body解释不同造成的,并不是由于对offset解释不同造成的),点击这里查看不同点。标题:offsetTop与style.top的区别预备知识:offsetTop、offsetLeft、offsetWidth、offsetHeight我们知道offsetTop可以获得HTML元素距离上方或外层元素的位
4、置,style.top也是可以的,二者的区别是:一、offsetTop返回的是数字,而style.top返回的是字符串,除了数字外还带有单位:px。二、offsetTop只读,而style.top可读写。三、如果没有给HTML元素指定过top样式,则style.top返回的是空字符串。offsetLeft与style.left、offsetWidth与style.width、offsetHeight与style.height也是同样道理。标题:clientHeight、offsetHeight和scrollHeight我们这里说说四种浏览器对doc
5、ument.body的clientHeight、offsetHeight和scrollHeight的解释,这里说的是document.body,如果是HTML控件,则又有不同,点击这里查看。这四种浏览器分别为IE(InternetExplorer)、NS(Netscape)、Opera、FF(FireFox)。2、clientHeightclientHeight大家对clientHeight都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。o
6、ffsetHeightIE、Opera认为offsetHeight=clientHeight+滚动条+边框。NS、FF认为offsetHeight是网页内容实际高度,可以小于clientHeight。scrollHeightIE、Opera认为scrollHeight是网页内容实际高度,可以小于clientHeight。NS、FF认为scrollHeight是网页内容高度,不过最小值是clientHeight。简单地说clientHeight就是透过浏览器看内容的这个区域高度。NS、FF认为offsetHeight和scrollHeight都是网页
7、内容高度,只不过当网页内容高度小于等于clientHeight时,scrollHeight的值是clientHeight,而offsetHeight可以小于clientHeight。IE、Opera认为offsetHeight是可视区域clientHeight滚动条加边框。scrollHeight则是网页内容实际高度。同理clientWidth、offsetWidth和scrollWidth的解释与上面相同,只是把高度换成宽度即可。但是FF在不同的DOCTYPE中对clientHeight的解释不同,xhtml1trasitional中则不是如上解
8、释的。其它浏览器则不存在此问题。标题:scrollTop、scrollLeft、scrollWidth、scrollHei
此文档下载收益归作者所有