使用js构造函数构造文档对象

function Flx(doc){

//

this.div=document.createElement("div");

this.div.className="flexible";

this.div.zIndex=Flx.ALL.length;

this.div.style.top="100px";//

this.div.style.left="100px";

this.div.style.height="200px";

this.div.style.width="200px";

doc.appendChild(this.div);

this.div.ref=this;

//

this.titl=document.createElement("div");

this.titl.className="titl";

this.titl.innerHTML="hello!";//

this.div.appendChild(this.titl);

//

this.cnt=document.createElement("div");

this.cnt.className="cnt";

this.cnt.innerHTML="World! sdfuho sjgf oweg ln ogn
erwkngoenrogna olenro inglrknglkna elrkgn lekrnglkn erlkg lnWorld!
sdfuho sjgf oweg ln ogn erwkngoenrogna olenro inglrknglkna elrkgn
lekrnglkn erlkg lnWorld! sdfuho sjgf oweg ln ogn erwkngoenrogna olenro
inglrknglkna elrkgn lekrnglkn erlkg ln";//

this.div.appendChild(this.cnt);

//

this.setup=document.createElement("span");

this.setup.className="setup";

this.titl.appendChild(this.setup);

//

this.stc=document.createElement("div");

this.stc.className="stc";

this.div.appendChild(this.stc);

//

this.div.onmousedown=this.mDown;

//

this.childs=new Array();

//

Flx.ALL._push(this);

}

调用方法：

var doc=document.getElementsByTagName("body")[0]

new Flx(doc);

new Flx(doc);

new Flx(doc);

new Flx(doc);

当然，可以加入不同的参数，使得文档对象有不同的外观和内容。

这将很快深入到js面向对象脚本设计的核心观点了。