JavaScript DHTML/Object Oriented/Method — различия между версиями

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

Текущая версия на 07:26, 26 мая 2010

Add methods to a class

  
<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>



Add user method to user defined class

  
<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>