使用Javascript函数构造函数在每个框上添加点击提醒的方法如下:
Box
,用于创建每个框的实例对象。构造函数可以接受参数,用于设置框的初始属性。function Box(id, color) {
this.id = id;
this.color = color;
}
addClickReminder
。Box.prototype.addClickReminder = function() {
var self = this;
var boxElement = document.getElementById(this.id);
boxElement.addEventListener('click', function() {
alert('您点击了框 ' + self.id);
});
}
addClickReminder
方法,将点击提醒添加到每个框上。var box1 = new Box('box1', 'red');
box1.addClickReminder();
var box2 = new Box('box2', 'blue');
box2.addClickReminder();
// 可以根据需要创建更多的框实例对象
在上述代码中,我们通过构造函数Box
创建了两个框的实例对象box1
和box2
,并分别调用了addClickReminder
方法,将点击提醒添加到每个框上。当点击框时,会弹出一个提示框,显示点击的框的ID。
这种方法可以用于任意数量的框,并且可以根据需要设置不同的属性和样式。
领取专属 10元无门槛券
手把手带您无忧上云