Main.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>main</title> </head> <body> <button id="JustClick">JustClick</button> <script src="EventHandler.js"></script> <hr> <div id="mydiv"> </div> </body> </html> |
EventHandler.js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
/** * @author Stas */ //Создание конструктора для объекта function Dog(name,breed,weight){ this.name=name; this.breed=breed; this.weight=weight; this.bark=function(){// добавили объекту также метод if (this.weight>25){alert(this.name+' says Woof!!!');} else{alert(this.name+' says Yip');} }; } // Собственно создание объекта... function CreateRex(){ var Rex=new Dog('Rex','Mixed',38); // Вот так, одной строчкой создаем объект... //Далее просто выводим его свойства в div for (var prop in Rex){ document.getElementById('mydiv').innerHTML=document.getElementById('mydiv').innerHTML+ prop+':'+Rex[prop]+'<br>'; } //А также вызываем метод объекта Rex.bark(); } //ну и назначаем обработчик document.getElementById('JustClick').onclick=CreateRex; |