JS面向对象编程
时间:2011-06-02 来源:天子门生
这一段学习了JS的面向对象编程,感觉很是受用,以前总感觉JS编程很麻烦,需要记住很多东西,现在感觉很是有意思,但是在JS写类的时候注意几点有:
1、在类中不能有多个引用,那样的话JS是不能得到值的,例如:
function DivObj(ID){
//得到Div对象
this.ObjElement=document.getElementById(ID);
//把当前的外联样式等赋值给界面Style
this.GetStyle=function(){
this.Style=this.NewStyle;
};
//界面样式
this.Style=this.ObjElement.style
//外联样式
this.NewStyle=this.ObjElement.currentStyle;
//外联样式的类名
this.ElementClass=this.ObjElement.className;
//改变外联样式类名
this.ObjClass=function(ClassName){
this.ObjElement.className=ClassName;
};
}
在类中,已经有对象ObjElement,得到的是DIV这个对象,你要是想得到它的width不能用this.ObjElement.style.width得到width,这样的话会报错,应该把this.ObjElement.style定义一个属性,然后再进行获取,如上,获取他的width为this.Style.width.
2、若是外联样式,也就是说用class从样式表中得到的样式,要是获取的话就不能用Style了,因为style是界面中的,不能获取外联样式,要是得到外联样式的话在IE中就应高用currentStyle得到样式,也可以用如上的方式把外联样式赋值给style,这样就能更加方便了。