Пример создания простого объекта во внешнем JS файле и вызов его по кнопке
Файл main.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!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>ObjectsExamle</title> </head> <body> <button id="MyButtonID">Start</button> <script src="objects.js"></script> </body> </html> |
Файл objects.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 32 33 34 35 |
//Создание простого объекта внутри функции function CreateFiat(){ var fiat={ make:"Fiat", model:"500", year:1957, color:"Medium Blue", passengers:2, convertible:false, mileage:88000, started:false, //Далее пошли методы объекта start:function(){ this.started=true; // слово this необходимо, потому что мы вызываем свойство started оъекта fiat }, stop:function(){ this.started=false; }, drive:function(){ if (this.started==true){alert('zoom zoom');} else if (this.started==false){alert('You need to start an engine');} } }; //Тестируем методы объекта fiat.start(); fiat.drive(); } // Ставим обработчик на кнопку, чтобы скрипт срабатывал только при нажатии document.getElementById('MyButtonID').onclick=function(){CreateFiat();}; |
Если все нормально – должно выскочить сообщение zoom-zoom