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

小鱼儿 2022-01-06 22:31 274阅读 0赞

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.οnmοusedοwn=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面向对象脚本设计的核心观点了。

转载于:https://www.cnblogs.com/civ3/archive/2005/08/30/225912.html

发表评论取消回复

表情：

评论列表（有 0 条评论，274人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中的对象、构造函数、原型

向对象是javascript核心内容之一首先讨论创建对象几种常见的方式: (1) 最经典，最简单的方法.利用object var o=new Ob...

小咪咪/ 2024年04月17日 14:26/ 0 赞/ 68 阅读

相关 js构造函数创建对象的原型和构造函数本身的原型对象理解

先上一段代码，创建一个构造函数并且根据构造函数创建对象： // 构造函数创建对象 function Dock(name,age){ this.n

分手后的思念是犯贱/ 2023年06月30日 02:23/ 0 赞/ 11 阅读

相关 js中工厂函数和构造函数创建对象

工厂函数： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

野性酷女/ 2023年03月02日 13:27/ 0 赞/ 102 阅读

相关面向对象构造函数

面向对象面向对象概念对象：万物皆对象 1、属性：特点、特征、特性变量名词 2、方法：功能函数动词编程方式：过程化（面向过程编程）面向

阳光穿透心脏的1/2处/ 2023年02月24日 15:23/ 0 赞/ 166 阅读

相关 c#面向对象- 构造函数

现在在一个类中，又增加了一个新的成员，构造函数，其它换可以有：字段、属性、方法。构造函数：作用：帮助我们，初始化对象（给对象的属性一次赋值），这样做更快捷、方

亦凉/ 2022年12月12日 02:10/ 0 赞/ 197 阅读

相关 js 中的构造函数，构造函数作用，构造函数和普通函数的区别

函数的定义方式： 1.声明式函数定义： function 函数名（）\{\}；这种定义方式，会将函数声明提升到该函数所在作用域的最开头，也是就无论你在这个函数的最小作用域

àì夳堔傛蜴生んèń/ 2022年11月27日 08:55/ 0 赞/ 187 阅读

相关 JS构造函数和原型对象

01-构造函数和原型导读 class 类是ES6才新增的 ES6之前都是通过构造函数和原型模拟class。创建对象的三种方法 //字面量创建对象

待我称王封你为后i/ 2022年11月22日 00:04/ 0 赞/ 205 阅读

相关 JAVASCRIPT(js)构造函数

<script type="text/javascript"> // 创建一个函数（未知是否是构造） function Constructo

怼烎@/ 2022年10月30日 15:26/ 0 赞/ 162 阅读

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

function Flx(doc)\{ // this.div=document.createElement("div"); this.div.className=

小鱼儿/ 2022年01月06日 22:31/ 0 赞/ 275 阅读

相关构造函数，实例对象，原型

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

╰半夏微凉°/ 2021年10月18日 23:34/ 0 赞/ 390 阅读