本文演示了js如何实现一个按钮。供大家参考。具体实现方法如下：








在window.onload =函数（）{
VaR建立新按钮（）；
Btn.init（{宽度：300 }）；
BindEvent（BTN，'show功能（））{
警报（1）；
}）
BindEvent（按钮，点击功能（））{
警报（2）；
}）
VaR的OBTN = document.getelementbyid（'btn）；
obtn.onclick =函数（）{
fireevent（BTN，'show）；
}
}
函数的Btn（）{
这个按钮= null；
this.settings = { {
宽度：200，
身高：40，
borderradius：6，
文本：按钮
}；
}
btn.prototype.init =功能（选配）{

扩展（this.settings，OPT）；
This.creat（）；
}
btn.prototype.creat =函数（）{
this.btn = document.createelement（'div）；

document.body.appendchild（这个按钮）；
this.btn.innerhtml = this.settings.text；
this.setdata（）；
}
btn.prototype.destory =函数（）{
document.body.removechild（这个按钮）；
}
btn.prototype.setdata =函数（）{
this.btn.style.width = this.settings.width + 'px；
this.btn.style.height = this.settings.height + 'px；
this.btn.style.border = 'solid # F00 + this.settings.borderradius + 'px；

}
功能扩展（obj1，obj2）{
对于（在obj2 var attr）{
obj1 { } { } = obj2 attr属性；
}
}
功能bindevent（obj，事件，FN）{
obj.listeners = obj.listeners | | { }；
obj。听众{事件} = {事件} | OBJ。听众| { }；
obj。听众{事件}推（FN）；
如果（obj nodeType）{
如果（obj。addEventListener）{
Obj.addEventListener（事件、FN、假）；
其他{ }
obj.attachevent（开+事件，FN）；
}
}
}
功能fireevent（obj，事件）{
如果（obj。听众{事件}）{
对于（var i OBJ。听众{事件}）{
OBJ。} {我} {事件侦听器（）；
}
}
}



十二






希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。