2015-09-06
538
При створенні змінної результату команди або події JavaScript привласнюється ім'я. При створенні функції роблять майже те ж саме, лише ім'я привласнюється цілій серії команд. Безліч команд JavaScript об'єднуються в одну.
Розглянемо сценарій, який складається фактично з двох частин: власне функції і команди onLoad, яка запускає функцію в роботу.
<SCRIPT LANGUAGE="javascript">
<!-- Приховати від браузерів, JavaScript, що не підтримують
function dateinbar()
{
var d = new Date();
var в = d.getFullYear();
var da = d.getDate();
var m = d.getMonth() + 1;
var t = da + '/' + m + '/' + в;
defaultStatus = "Ви прибули на сторінку " + t + ".";
}
// не приховувати -->
</SCRIPT>
...і команда onLoad в <BODY>:
<BODY BGCOLOR="хххххх" onLoad="dateinbar()">
Тут відбувається дві речі. Спочатку в першій частині сценарію створюється функція. Потім команда, що знаходиться усередині оператора HTML <BODY>, запускає роботу функції. Давайте спочатку розберемо функцію.
function dateinbar()
{
var d = new Date();
var в = d.getFullYear();
var da = d.getDate();
var m = d.getMonth() + 1;
var t = da + '/' + m + '/' + в;
defaultStatus = "Ви прибули на сторінку " + t + ".";
}
Схема досить зрозуміла. Ви пишете function і задаєте будь-яке ім'я, точно так, як і ми робили із змінними.
Але зверніть увагу, що після імені функції ставляться круглі дужки, як після команди методу. Тобто, при створенні функції фактично створюється новий метод для виконання деякого завдання.
Так само, як і імена змінних, імена функцій можуть бути будь-якої довжини, не містити пропусків і не збігатися з іншим словом, вже використовуваним в мові JavaScript. В даному випадку ми вибрали ім'я dateinbar() (дата в рядку стану), тому що це функція, що поміщає дату в рядок стану.
Дуже важливо!
При створенні функції команди, які складають функцію, мають бути поміщені у фігурні дужки {}. Бачите, вони стоять відразу після імені функції і в самому кінці?
Текст усередині фігурних дужок має бути зрозумілий. Такий же сценарій ми використовували парі уроків назад.
· створюється змінна для року;
· ще одна для числа;
· ще одна для місяця;
· потім четверта для дати цілком.
Остання команда нова:
defaultStatus = "Ви прибули на сторінку " + t + ".";
defaultStatus (рядок стану за умовчанням) — властивість об'єкту window. Його призначення — помістити текст в рядок стану внизу вікна браузера.
Команда "onLoad="
Ми задіюємо новий обробник подій. Команда onLoad ("при завантаженні") (зверніть увагу на заголовні букви) говорить браузеру, що, завантажуючи сторінку, він повинен виконати наказане далі. В даному випадку слідує функція dateinbar().
Ця команда майже завжди розташовується в рядку <BODY> документа HTML. І майже завжди за нею слідує функція, але це необов'язково. Можна з таким же успіхом помістити туди і команду об'єкт.метод.
Розташування елементів
Ви знаєте, що команда onLoad йде в рядок BODY. Сценарій з функцією повинен знаходитися в документі HTML між командами <HEAD> і </HEAD>. Хоча насправді його можна помістити де завгодно, але якщо ви розташуєте його після команди onLoad, він запрацює лише після того, як завантажиться вся сторінка. Якщо сценарій розташовується перед командою onLoad, то він завантажується в пам'ять комп'ютера раніше, і коли onLoad викличе його, він буде готовий до роботи.
Практично будь-який набір команд JavaScript можна записати у вигляді функції.
