JavaScript对象及初识面向对象 2021-11-23 04:10 225阅读 0赞 第一题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第一题</title> </head> <div id="intro"></div> <body> <script> var student=new Object(); student.name="高乐乐"; student.age="15"; student.introduction="我叫高乐乐,我是一个初中三年级的学<br>生,我非常喜欢音乐和打篮球"; student.intro=function () \{ var str="姓名:"+this.name+"<br>年龄:"+this.age+"<br>自我介绍:"+this.introduction; document.getElementById("intro").innerHTML=str; \} student.intro(); </script> </body> </html> 第二题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第二题</title> </head> <body> <div> <p>姓名:<span id="name"></span></p> <p>年龄:<span id="age"></span></p> <p>自我介绍:<span id="intro"></span></p> <script> function Person(name,age)\{ this.name=name; this.age=age; \} Person.prototype.showName=function()\{ return this.name; \} Person.prototype.showAge=function () \{ return this.age; \} function Student(name,age,intro)\{ Person.call(this,name,age); //继承属性 this.intro=intro; \} Student.prototype=new Person(); Student.prototype.showIntro=function () \{ return this.intro; \} var Student1=new Student("王小明",16,"我是高中一年级的学生,身高1.8米,很帅,我喜欢学习语文和英语。"); document.getElementById("name").innerHTML=Student1.showName(); document.getElementById("age").innerHTML=Student1.showAge(); document.getElementById("intro").innerHTML=Student1.showIntro(); </script> </div><br> <div> <p>姓名:<span id="name1"></span></p> <p>年龄:<span id="age1"></span></p> <p>自我介绍:<span id="intro1"></span></p> <script> function Person(name1,age1)\{ this.name1=name1; this.age1=age1; \} Person.prototype.showName1=function()\{ return this.name1; \} Person.prototype.showAge1=function () \{ return this.age1; \} function Student(name1,age1,intro1)\{ Person.call(this,name1,age1); //继承属性 this.intro1=intro1; \} Student.prototype=new Person(); Student.prototype.showIntro1=function () \{ return this.intro1; \} var Student1=new Student("黄妞妞",6,"我今年6岁了,非常可爱,马上就可以上小学了,就可能有好多好多的小朋友了。"); document.getElementById("name1").innerHTML=Student1.showName1(); document.getElementById("age1").innerHTML=Student1.showAge1(); document.getElementById("intro1").innerHTML=Student1.showIntro1(); </script> </div> </body> </html> 转载于:https://www.cnblogs.com/wang01/p/10998811.html
相关 Javascript——面向对象 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub 傷城~/ 2021年07月25日 12:58/ 0 赞/ 355 阅读
相关 JavaScript对象及初识面向对象 第一题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit 谁践踏了优雅/ 2021年11月23日 04:10/ 0 赞/ 226 阅读
相关 01 面向对象之:初识。 一. 面向对象初识 1.1 回顾面向过程编程vs函数式编程 ![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] 蔚落/ 2021年12月23日 12:01/ 0 赞/ 188 阅读
相关 HTML-JavaScript对象及初识面向对象 对象是什么 ![70][] 对象是包含相关属性和方法的集合体(属性)(方法) 什么是面向对象 1.面向对象仅仅是一个概念或者编程思想 2.通过一种叫做原型的方式来实现 刺骨的言语ヽ痛彻心扉/ 2022年05月12日 08:00/ 0 赞/ 148 阅读
相关 JavaScript面向对象 一、面向对象 0x1 基本概念 对代码的一种抽象,对外统一提供调用接口的编程思想,基于原型的面向对象方式中,对象(object)则是依靠构造器(constructo 待我称王封你为后i/ 2022年05月19日 12:53/ 0 赞/ 139 阅读
相关 初识Java(Java类和对象-面向对象概述) 一、面向对象概述 面向对象思想是人类最自然的一种思考方式,它将所有预处理的问题抽象为对象,同时了解这些对象具有相应的属性以及展示这些对象的行为,已解决这些对象面临的一些实 悠悠/ 2022年05月27日 07:28/ 0 赞/ 226 阅读
相关 Java基础(五)OOP面向对象之(一) 面向对象思想初识 Java基础(五)OOP面向对象之(一) 面向对象思想初识 面向对象 类及其基本构成 类创建实例 名词解析:类、对象、实例 主要解决的三大问 「爱情、让人受尽委屈。」/ 2022年07月08日 14:59/ 0 赞/ 97 阅读
相关 面向对象-JavaScript 9.9面向对象 对象的组成:属性、方法 创建对象的方法 1. 字面量方式创建对象 2. 实例创建对象(代码冗余) 3. 工厂模式创建对象(可以隐藏细节但结构不明 - 日理万妓/ 2022年09月11日 07:29/ 0 赞/ 108 阅读
相关 JavaScript面向对象 /\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ \ 方法一 \ 类、方法、属性都为静态类型 \ 不能创建实例 \\\\\\\\\\\\\\\ 我会带着你远行/ 2022年09月30日 03:55/ 0 赞/ 108 阅读
相关 JavaScript 面向对象 JavaScript 面向对象 JavaScript是一门面向对象的语言,与其他面向对象语言相比具有自己的特点。 下面将从总体上对其做一下概述,不会对细节做过多介绍。 小灰灰/ 2020年06月01日 12:45/ 0 赞/ 758 阅读
还没有评论,来说两句吧...