JavaScript DHTML/Object Oriented/Method

Материал из Web эксперт
Перейти к: навигация, поиск

Add methods to a class

   <source lang="html4strict">
 

<HTML> <HEAD> <TITLE></TITLE> <SCRIPT> function MyClass (name, text1, text2) {

  this.name = name;
  this.text1 = text1;
  this.text2 = text2;

} MyClass.prototype.toString = function () {

  return this.name;

} function same () {

  alert(this.toString() +" is same!");

} function check() {

  if (this.text1 == this.text2) {
      this.onSame();
  }

} MyClass.prototype.checkSame = check; MyClass.prototype.onSame = same; function createMyClass (name, text1, text2) {

  var x = new MyClass (name, text1, text2);
  x.checkSame();

} </SCRIPT> </HEAD> <BODY> <FORM> Name:<input type=text name="txtName"> Text 1:<input type=text name="txtFirst"> Text 2:<input type=text name="txtSecond"> <input type=button value="Do It!" onClick="createMyClass (txtName.value, txtFirst.value, txtSecond.value);"> </FORM> </BODY> </HTML>


 </source>
   
  


Add user method to user defined class

   <source lang="html4strict">
 

<html> <head> <title>First Object</title> <script type="text/javascript"> function Song (title) {

  this.title = title;

} function printTitle() {

  alert(this.title);

} var someSong = new Song("Title"); Song.prototype.print = printTitle; var anotherSong = new Song("Another Title"); anotherSong.print(); </script> </head> <body> </body> </html>


 </source>