快捷搜索:

用javascript面向对象的方式制作弹出层

因为本人曩昔是.net法度榜样员,以是纵然现在在做前端,也习气于用面向工具的要领编写js脚本,我想假如你曩昔也是或者现在照样名第三代法度榜样员的话,应该对此并不陌生。

说到js的面向工具,就不得不提到prototype这个js内置属性了(留意:这里的prototype可不是prototype.js),它的感化便是可以动态的向一个工具(object)添加某种属性。我现在要做的便是尽可能的让代码达到公用,像承袭啦之类的。好了,这些就不多说了,对prototype不懂得的可以搜索下相关内容。

本日要做的是点击一个html元素让其弹出一个友好的对话框来,首先要明确两点,一点是我可能会大年夜量的用到这种要领,以致不盼望呈现系统的alert或confirm,第二点便是弹出的内容只管即便的可以多种化,以致可以自定义。明确这两点后,我们就可以写js代码了,都是些很低级的器械,假如你要小看的话就尽情的小看我吧!^.^

首先定义一个简单的工具:

function objDIV() {

this.bgdiv ;

this.infodiv ;

}

您可能还会对下面的文章感兴趣: