- 1、本文档共5页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解(转)
2007/04/23 10:12 P.M.
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标event.clientY 相对文档的垂直座标event.offsetX 相对容器的水平坐标event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量 以上主要指IE之中,FireFox差异如下:IE6.0、FF1.06+:clientWidth = width + paddingclientHeight = height + paddingoffsetWidth = width + padding + borderoffsetHeight = height + padding + borderIE5.0/5.5:clientWidth = width - borderclientHeight = height - borderoffsetWidth = widthoffsetHeight = height(需要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)测试代码:
?
?
?
测试代码:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN [url=/TR/xhtml1/DTD/xhtml1-transitional.dtd]/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]html xmlns=[url=/1999/xhtml]/1999/xhtml[/url] lang=gb2312headheadtitle 代码实例:关于clientWidth、offsetWidth、clientHeight、offsetHeight的测试比较 /titlemeta http-equiv=content-type content=text/html; charset=gb2312 /meta name=author content=枫岩,CnLei.y.l@meta name=copyright content=[url=][/url] /meta name=description content=关于clientWidth、offsetWidth、clientHeight、offsetHeight的测试比较 /style type=text/css media=allbody {font-size:14px;}a,a:visited {color:#00f;}#Div_CnLei {width:300px;height:200px;padding:10px;border:10px solid #ccc;background:#eee;font-size:12px;}#Div_CnLei p {margin:0;padding:10px;background:#fff;}/stylescript type=text/javascriptfunction Obj(s){return document.getElementById(s)?document.getElementById(s):s;}function GetClientWidth(o){return Obj(o).clientWidth;}function GetCli
您可能关注的文档
- 连词与名词性从句状语从句.ppt
- Linux对EXT3分区大小进行无损更改的步骤.docx
- Linux环境Oracle_10G部署Ecology系统关键步骤.doc
- 透视作文审题与立意.doc
- 选修六语法题与短文改错训练.doc
- 通过典型例句与练习突破英语状语从句.doc
- 醉翁亭记复习题与答案.doc0524131225706.doc
- 轴强度设计与键.ppt
- 重点- 连词、简单句与并列句.ppt
- 重要提示:附件1与附件2是本招标文件重要内容,请.doc
- 上课《归园田居(其一)》课件28张.pptx
- 色彩的魅力课件55.ppt
- 山水田园诗导学练习鉴赏.ppt
- 部编版《白鹭》课件.pptx
- 《Excel在财务中的应用》项目七 全面预算编制方法与应用 教学课件.pptx
- 《Excel在财务中的应用》项目六 利润管理决策模型与应用 教学课件.pptx
- 《Excel在财务中的应用》项目五 运营资金的管理 教学课件.pptx
- 《Excel在财务中的应用》项目四 项目投资管理决策与应用 教学课件.pptx
- 《Excel在财务中的应用》项目三 筹资管理决策模型与应用 教学课件.pptx
- 《Excel在财务中的应用》项目二 Excel 常用函数基础 教学课件.pptx
文档评论(0)