Creating an Object and Using Object Instance Properties and Methods : Objects Object Oriented « Language Basics « JavaScript DHTML

Home
JavaScript DHTML
1.Ajax Layer
2.Data Type
3.Date Time
4.Development
5.Document
6.Dojo toolkit
7.Event
8.Event onMethod
9.Ext JS
10.Form Control
11.GUI Components
12.HTML
13.Javascript Collections
14.Javascript Objects
15.Javascript Properties
16.jQuery
17.Language Basics
18.Mochkit
19.Mootools
20.Node Operation
21.Object Oriented
22.Page Components
23.Rico
24.Scriptaculous
25.Security
26.SmartClient
27.Style Layout
28.Table
29.Utilities
30.Window Browser
31.YUI Library
JavaScript DHTML » Language Basics » Objects Object Oriented 
Creating an Object and Using Object Instance Properties and Methods
 
/*

Learn How to Program Using Any Web Browser
by Harold Davis 

Apress CopyRight 2004

ISBN: 1590591135
*/

<HTML>
<HEAD>
<TITLE>Instance method demo</TITLE>
</HEAD>
<BODY>
<H1>
<SCRIPT
   function Rectangle(height, width){ 
   // constructor function 
      this.height =  height; 
      this.width = width; 
   
   // create the function 
   function calc_Area () { 
      return this.height * this.width; 
   
   // turn the function into an object method 
   Rectangle.prototype.calcArea = calc_Area; 
   // instantiate the object 
   var theRectangle = new Rectangle (35)

   // set an instance property 
   theRectangle.width = 10

   // call and display the instance properties and method return 
   document.write("The rectangle instance height is: " + theRectangle.height + "<br>")
   document.write("The rectangle instance width is: " + theRectangle.width  + "<br>")
   document.write ("The calcArea method returns: " + theRectangle.calcArea())
   </SCRIPT>
</H1>
</BODY>
</HTML>

           
         
  
Related examples in the same category
1.Object utility: create, parse and profile
2.Define Object, use its instance
3.Define and use object
4. Object-Oriented Planetary Data Presentation
5.The Book Object Definition
6.Complete Example of Using the employee, client, and project Objects
7.Source Code for the showBook() Example
8.Using the Book Object Constructor
9.Creating Objects Dynamically
10.Object to array
11.Utility class for JavaScript class definition
12.Create an object and add attributes
13.Use for in loop to display all attributes from an object
14.Display the properties from an object one by one
15.An object and its constructor
16.Use function as the object constructor
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.