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

小鱼儿 2022-01-06 22:31 307阅读 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 条评论，307人围观）

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

相关阅读

相关 Java面向对象编程：构造函数与拷贝构造函数

在Java中，构造函数和拷贝构造函数是面向对象编程中的两种特殊方法。 1. **构造函数**： - 作用：初始化新创建的对象，即给新对象提供一个默认状态。 - 属

我就是我/ 2024年12月13日 02:54/ 0 赞/ 45 阅读

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

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

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

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

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

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

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

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

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

相关 C++构造函数: 拷贝构造函数、转换构造函数、初始化构造函数、默认构造函数

C++中的构造函数 C++中的构造函数可以分为4类：（1）默认构造函数。以Student类为例，默认构造函数的原型为 Student(）；//没有参数（2

ゝ一世哀愁。/ 2023年02月28日 04:07/ 0 赞/ 33 阅读

相关面向对象构造函数

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

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

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

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

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

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

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

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

相关 JAVASCRIPT(js)构造函数

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

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

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

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

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