源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 78|回复: 32

[JavaScript] js里取容器大小、定位、距离等属性搜集整理

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2013-8-19 18:20:45 | 显示全部楼层 |阅读模式
取容器大小、定位、距离等在实际中使用的比较广泛,下面与大家分享下小编整理的js相关代码,有此需求的朋友可以参考下,希望对大家有所帮助

element.clientWidth   //元素的实际宽度,不算边框

element.clientHeight  //元素的实际高度,不算边框


element.offsetWidth   //元素的实际宽度,加上边框

element.offsetHeight  //元素的实际高度,加上边框


element.scrollWidth  //这个说法很多,我测试下来应该是元素实际宽度-滚动条的宽度

element.scrollHeight  //这个说法很多,我测试下来应该是元素实际高度-滚动条的高度


element.offsetLeft   //相对于父对象的距离,ie下如果position设为relative,则是相对于window的距离

element.offsetTop   //相对于父对象的距离,ie下如果position设为relative,则是相对于window的距离


window.screenLeft   //当前窗口距离屏幕距离 only for IE

window.screenX   //当前窗口距离屏幕距离 not for IE


window.innerWidth  //当前窗口大小(内)not for IE

window.outerWidth  //当前窗口大小(外)not for IE


window.screen.width //当前屏幕分辨率

window.screen.availWidth //当前屏幕可用分辨率

回复

使用道具 举报

0

主题

2万

回帖

194

积分

注册会员

Rank: 2

积分
194
发表于 2023-1-23 13:41:24 | 显示全部楼层
vcxvcxv
回复 支持 反对

使用道具 举报

29

主题

2万

回帖

194

积分

注册会员

Rank: 2

积分
194
发表于 2023-2-10 14:03:50 | 显示全部楼层
飞飞飞飞飞飞飞飞飞飞飞飞飞
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

69

积分

注册会员

Rank: 2

积分
69
发表于 2023-8-4 13:25:56 | 显示全部楼层
2222222222222222
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-8-16 15:27:17 | 显示全部楼层
借款金额看了就立刻
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

182

积分

注册会员

Rank: 2

积分
182
发表于 2023-9-2 11:32:43 | 显示全部楼层
啊,数码撒飒飒飒飒
回复 支持 反对

使用道具 举报

2

主题

1万

回帖

146

积分

注册会员

Rank: 2

积分
146
发表于 2023-9-9 07:28:27 | 显示全部楼层
好东西可以可以可以可以
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

347

积分

中级会员

Rank: 3Rank: 3

积分
347
发表于 2023-11-25 06:34:49 | 显示全部楼层
的vgdsvsdvdsvdsvds
回复 支持 反对

使用道具 举报

3

主题

2万

回帖

50

积分

注册会员

Rank: 2

积分
50
发表于 2023-12-10 13:26:31 | 显示全部楼层
老衲笑纳了
回复 支持 反对

使用道具 举报

14

主题

1万

回帖

75

积分

注册会员

Rank: 2

积分
75
发表于 2024-1-20 08:14:52 | 显示全部楼层
加快速度很快就撒谎
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2025-1-22 07:54 , Processed in 0.167607 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表