位置: 编程技术 - 正文

javascript scrollLeft,scrollWidth,clientWidth,offsetWidth 完全详解

编辑:rootadmin
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.+: clientWidth = width + padding clientHeight = height + padding offsetWidth = width + padding + border offsetHeight = height + padding + border IE5.0/5.5: clientWidth = width - border clientHeight = height - border offsetWidth = width offsetHeight = height (需要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关) 代码实例:关于clientWidth、offsetWidth、clientHeight、offsetHeight的测试比较

推荐整理分享javascript scrollLeft,scrollWidth,clientWidth,offsetWidth 完全详解,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

点击下面的链接:

GetClientWidth(); GetClientHeight();

javascript scrollLeft,scrollWidth,clientWidth,offsetWidth 完全详解

GetOffsetWidth(); GetOffsetHeight();

IE6.0、FF1.+: clientWidth = width + padding = +×2 = clientHeight = height + padding = +×2 = offsetWidth = width + padding + border = +×2+×2= offsetHeight = height + padding + border = +×2+×2 =

IE5.0/5.5: clientWidth = width - border = -×2 = clientHeight = height - border = -×2 = offsetWidth = width = offsetHeight = height =

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

DOM 基本方法 直接引用结点1.document.getElementById(id);--在文档里面通过id来找结点2.document.getElementByTagName(tagName);--返回一个数组,包含对这些结点的引用--如:document.getEl

网页全屏显示代码说明分析 最常见的是使用window.open的方法,直接打开全屏网页:[Ctrl+A全选注:如需引入外部Js需刷新才能执行]另外,如果想让已经打开的网页全屏,有以下两种方法

javascript getElementsByName()的用法说明 我们来看:oEle=document.all.aaa;//这里有一个aaa的对象,但我们不知道它现在长度是多少,所以没办法对它操作.因此,我们要先做判断长度的过程.如下:if(oEle.lengt

本文链接地址:https://www.jiuchutong.com/biancheng/382950.html 转载请保留说明!

上一篇:scrollTop 用法说明(scrollbottom用法)

下一篇:DOM 基本方法(dom方法总结)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络