发表于: 2020-07-20 21:39:27

1 1379


今天完成的事情:

学习了js的知识


js排他思想

//使用排他思想
for (var i = 0;i< boxs.length;i++){
    boxs[i].index = i;
    //console.log(boxs[i]);
    boxs[i].addEventListener('click',function(){
        for (var j = 0; j< boxs.length;j++){
            imgs[j].style.display = "none";
            boxs[j].style.background = "";
        }
        imgs[this.index].style.display = "block";
        this.style.background = "#f5c97b";
    })
    localStorage.boxor = 'rgba(50,180,180,0.5)';
}

相同元素点击事件,其中一个元素发生变化,其他元素不变

this 关键字

面向对象语言中 this 表示当前对象的一个引用。

但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。

在方法中,this 表示该方法所属的对象。

如果单独使用,this 表示全局对象。

在函数中,this 表示全局对象。

在函数中,在严格模式下,this 是未定义的(undefined)。

在事件中,this 表示接收事件的元素。


index 属性

index 属性可返回下拉列表中选项的索引位置。

语法:

设置 index 属性:

optionObject.index=integer

返回 index 属性:

optionObject.index



返回列表 返回列表
评论

    分享到