this.absolute=true是啥意思 -慕课网

                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之absolute

this.absolute=true是啥意思

arceushs

2014-11-06

源自：CSS深入理解之absolute 1-2

关注问题我要回答

1233

操作

收起

4 回答

qq__2575
2015-12-11

楼上是正解确实是一个自定义属性也可以自己修改只要保持上下一致都可以运行

0 回复有任何疑惑可以回复我~

收起回答

muge10
2015-05-06

我的理解，其实this.absolute这里的absolute是为button添加的一个自定义属性，起个名字叫absolute。其实起这个名字容易引起误解，换成其他任何名字都可以，比如key, value, abc, switch 等等都可以。它的作用其实就像一个转换开关，点一下变成true，再点变成false，用来记录img的position属性值是不是 absolute.第一次执行的时候，它还没定义，所以执行的是 if语句中else里的内容，else里最后一句把它定义并赋值为true，意思就是此时img的position属性值成功变成 absolute.

1 回复有任何疑惑可以回复我~

收起回答

yepengmk
2014-12-01

我理解的是： if(this.absolute)表示的意思是如果this的absolute是真（id为button的按钮有绝对位置），那么就...所以点击后已this.absolut=false；结束，然后再次点击时因为是假所以运行else里的内容，最后再this.absolute=true;则让其真，所以才可以来回点击切换效果。这里面如果用变量a来代替this.absolute效果也可达到

var a = 0;

if (eleImg != null && eleBtn != null) {

eleBtn.onclick = function() {

if (a < 1) {

eleImg.style.position = "";

this.value = "图片absolute化";

a++;

} else {

eleImg.style.position = "absolute";

this.value = "图片去absolute";

a = 0;

}