在JavaScript中添加Prototype对象的方法

发布时间：2018-08-19 18:14:00 所属栏目：交互来源：站长网

导读：在 Java Script中添加Prototype对象的方法，Prototype是一款优秀的JS框架库，用它可创建超丰富的JavaScript前端交互应用，是实现Ajax功能的良好工具，一般情况下，它的使用都离不开JS的引用，本代码就实现了如何使用JS引入Prototype。演示： htmlheadtitl

　　在JavaScript中添加Prototype对象的方法，Prototype是一款优秀的JS框架库，用它可创建超丰富的JavaScript前端交互应用，是实现Ajax功能的良好工具，一般情况下，它的使用都离不开JS的引用，本代码就实现了如何使用JS引入Prototype。

　　演示：

<html> <head> <title>添加Prototype对象方法</title> <script language="JavaScript"> // 对象的构造函数 function circle(r, color){ this.r = r; this.color = color; this.display = showCircle; } // 对象方法 function showCircle(){ document.write("半径 : " + this.r + "<br>"); document.write("色彩 : " + this.color + "<br>"); document.write("圆周率 : " + this.PI + "<br><hr>"); } // 添加Prototype对象方法 function getArea(){ var result = this.PI * this.r * this.r; document.write("圆面积 : " + result + "<br><hr>"); } </script> </head> <body> <h2>添加Prototype对象方法</h2> <hr> <script language="JavaScript"> // 创建自定义对象 var objCircle1 = new circle(2, "red"); var objCircle2 = new circle(3, "green"); // 添加Prototype对象常量 circle.prototype.PI = 3.1415926; //添加Prototype对象方法 circle.prototype.area = getArea; // 执行对象方法 objCircle1.display(); objCircle1.area(); // 执行Prototype方法 // 执行对象方法 objCircle2.display(); objCircle2.area(); // 执行Prototype方法 </script> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

开发人员和设计师在 2	物联网在执法中的实践
关注工业 4.0 的最新物	物联网的七大技术走向