JS对象中的几个有关位置的属性

最新推荐文章于 2025-02-19 14:01:26 发布
原创 最新推荐文章于 2025-02-19 14:01:26 发布 · 965 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #xhtml #文档 #ie #html
本文介绍了多种浏览器对象模型（BOM）及文档对象模型（DOM）中的属性和方法，用以获取网页元素的位置和尺寸信息，包括style、document、window等对象的相关属性。

 

style对象

posLeft

posTop

posWidth

posHeight

返回位置坐标的数值,不论单位

pixelLeft

pixelTop

pixelWidth

pixelHeight

返回以像素为单位的位置坐标的数值,非像素单位转换为像素单位显示

Left

Top

Width

height

返回带单位的位置坐标字符串

body(HTML) documentElement(XHTML)对象

scrollLeft

scrollTop

用于IE4及其以上版本中，对应于NN6中window对象的scrollX、scrollY属性

scrollWidth

scrollHeight

用于IE4及其以上版本中，对应于NN中document对象的width、height属性

clientLeft

clientTop

 

clientWidth

clientHeight

 

document对象

Width

height

用于NN4及其以上版本中,见《JavaScript 动态经典实例教程》一书P153

window对象

scrollX

scrollY

用于NN6中，见《JavaScript 动态经典实例教程》一书P153

screenX

screenY

用于NN6中,返回窗口左角顶点与屏幕左角顶点的水平和垂直坐标值

screenLeft

screenTop

用于IE5及其以上版本中, 同上

innerWidth

innerHeight

用于NN4及其以上版本中，返回内部窗口（文档区域）的宽高，单位为像素

outerWidth

outerHeight

用于NN4及其以上版本中，返回外部窗口（文档区域）的宽高，单位为像素

所有对象

offsetLeft

offsetTop

返回当前元素相对于父元素的左、右偏移量

以前整理的，现在从新浪博客里搬过来，重新排了下格式，备忘。

【JS】教你如何在对象内任意位置插入任意属性
码小余の博客
09-30 2992
【JS】教你如何在对象内任意位置插入任意属性 如果你不知道我写这篇文章的目的是什么，那不妨想想这样一个场景 var obj = { a: "A", c: "C", d: "D" } 我想在 a 属性后面添加属性 b ，使其成为以下对象格式 var obj = { a: "A", b: "B", c: "C", d: "D" } 你会怎么做，将对象转成字符串然后截串操作？不不不，这样太麻烦了，而且非常不灵活（你如果是大佬可以这么干哦~） 在 JS
HTML---定位
zhoutong2323的博客
12-25 5153
HTML中的定位属性指的是用来控制HTML元素在页面中的位置和布局的属性，包括position、top、bottom、left和right等。position属性指定了元素的定位方式，常用的取值有static、relative、absolute和fixed。通过设置不同的position值，可以实现元素的不同定位方式。top、bottom、left和right属性用于精确地定位元素的位置。当position属性的值为relative时，这些属性参照的是元素自身的位置进行调整；
html的标签位置属性（学习笔记）
热门推荐
有的话没说出来之前，你是他的主人，一旦说出来你就成了他的奴隶||想要干好事，别太把自己当人，别把别人太不当人||认识这个人就是开了一扇窗户，就能看到不一样的东西，听到不一样的声音，能让你思考、觉悟，这已经够了
12-23 2万+
div：定义位置有两种方式：一种是使用相对位置，一是使用绝对位置。 绝对定位有两个属性：left和top，分别是距离网页左边和网页顶部的绝对位置。借助style属性，按照如下的格式进行设置： style = "position:absolute;left:距离左边距离;top:距离顶部距离" 例如： <div name = "mydiv" id="mydiv" style="po...
css元素属性定位_CSS中的定位元素（position属性）
cumt30111的博客
06-29 1664
css元素属性定位 CSS | 位置属性 (CSS | position property) Abstract Idea: 抽象概念： Positioning, a very important tool in CSS to style and to make a webpage presentable nonetheless comprehensive. While making a web...
JS中的位置属性合集
五花漏的博客
03-12 733
一 二 width() - 设置或返回元素的宽度（不包括内边距、边框或外边距）。 height() - 设置或返回元素的高度（不包括内边距、边框或外边距）。 innerWidth() - 返回元素的宽度（包括内边距）。 innerHeight() - 返回元素的高度（包括内边距）。 outerWidth() - 返回元素的宽度（包括内边距和边框）。 outerHeight() ...
JavaScript——DOM位置属性
Abby_zzy的博客
03-20 1734
Event对象属性： clientX相对浏览器窗口的x坐标位置 offsetX设置或者是得到鼠标相对于事件目标的父元素的内边界在x坐标上的位置。（FF不支持） screenX相对于用户屏幕。 例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me...
JS对象中的属性类型、属性定义和属性读取
WINMI
10-21 3268
理解对象 ES5中的对象是指无序的属性的集合。（属性可以是基本值、对象和函数）。 属性类型 对象的属性类型有两种，一种是数据属性，是数据值的保存位置；另一种是访问器属性，包含getter和setter函数。 数据属性 数据属性包含一个数据值的位置，在这个位置可以读取和写入值。数据属性有四个描述其特征的特性。（这些特性是为javascript内部引擎服务的，不能直接访问，所以将它们放在方括号中。） ...
关于js_Element对象_属性和获取元素位置的方法
qq_55961861的博客
08-12 1818
关于js_Element对象_属性和获取元素位置的方法！
js 中的对象属性——configurable、writable 等（数据属性和访问器属性）
TKOP_的博客
03-20 8779
学习属性据属性和访问器属性的特性，学习 defineProperty() 等方法。
js的位置属性，js判断宽高的属性，offsetLeft、scrollWidth，scrollTop、clientWidth等位置属性yong、对比及兼容性（内有图示参考）
weixin_44100002的博客
03-31 857
js判断宽高的属性，offsetLeft、scrollWidth，scrollTop、clientWidth等图片对比及兼容性用法
JS数组中对象位置的（互换、置顶、上移、下移）
最新发布
zero_er的博客
02-19 782
主要使用到的js函数。
js中的各种位置（简单）
m0_57594854的博客
12-27 632
本文主要介绍clientHeight、clientWidth、offsetHeight、offsetWidth、scrollHeight、scrollWidth等属性
css位置属性简介
l1936441554的博客
08-10 853
css位置属性 css位置属性的语法是：position：xxx 定位可以分为1.position：static（静态位置属性）2.position：relative（相对定位）3.position：abosult（绝对定位）4.position：fixed（固定定位）。以上就是position属性的四个值，下面我们来具体的介绍一下这四个值的特点： 一·position：static（静态位置属性...
js中容易弄混淆的“位置”相关属性
qq_45747074的博客
03-08 507
js 中容易弄混淆的 “位置” 相关属性
改变对象位置的几种方式
qq_21476953的博客
10-22 1987
参考 Three.js中矩阵和向量的使用教程(附例子) 改变对象位置的几种方式 改变对象的位置、缩放、角度有多种方式。 这里以位置为例。让其在出现y轴正方向5处。 addBox(size) { var geometry = new THREE.BoxBufferGeometry(size, size, size); var material = new THREE.MeshPhongMaterial({ color: 0x63e42a, emissive:.
js实现对象键值互换位置
weixin_45389051的博客
05-16 3495
我们用lodash来实现 var object = { 'b': 2, 'c': 1 }; _.invert(object); // => { '1': 'c', '2': 'b' }
关于js对象键顺序的更改
黑山老妖的博客
05-15 4209
var data = { first: { 'name': 'zhangsan', 'id': 99, 'sex': 'nan', 'age': 19, }, second: { 'name': '李四', 'sex': '女', 'id': 108, 'age': 25 } } var ob
js更改对象中属性名的方法
weixin_42333548的博客
05-27 1万+
数据格式如下： let arr = [ { "id": 275, "name": "测试公司", "userList": [ { "id": 697, "userName": "11111" } ] }, { "id": 327, "name": "有限公司"
offsetLeft、clientHeight、scrollLeft、clientLeft
weixin_30436101的博客
04-28 348
1、offsetLeft 假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。 ob...
js中的各种“位置”——“top、clientTop、scrollTop、offsetTop……”，你知道多少...
weixin_30256901的博客
09-15 719
当要做一些与位置相关的插件或效果的时候，像top、clientTop、scrollTop、offsetTop、scrollHeight、clientHeight、offsetParent。。。看到这么多单词，而且长得那么像，是不是懵X了！ 第一次看到这图，说实话有点被吓到。。。 ============================分割线=========================...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值