1.6. Функції
Формат оголошення функції виглядає наступним чином:
function ім'я функції ([параметри]) тіло функції
Оголошення функції починається з ключового слова function. Так само, як і в мові С для ідентифікації функції використовується ім'я, під час виклику функції можуть передаватися параметри, а по закінченні виконання повертатися значення. Однак, на відміну від С, тип значення, що повертається, і типи параметрів не задаються. Нижче показані два способи виклику функції
ім’я_функції ([параметри]);
змінна = ім'я функції ([параметри]);
У другому випадку значення, що повертається функцією, присвоюється зазначеної змінній.
1.7. Область видимості змінних
Робота зі змінними в тілі функції підпорядковується наступним правилам.
Якщо змінна оголошена за допомогою ключового слова var, доступ до неї здійснюється за правилами, подібним тим, які використовуються в мові С.
Змінна, оголошена всередині функції, вважається локальною. Область видимості такої змінної обмежується тілом функції, в якій вона оголошена.
Змінна, оголошена поза функції, вважається глобальною. До неї можна звертатися з будь-якої точки сценарію.
Якщо локальна і глобальна змінні мають однакові імена, то в тілі функції локальна змінна "маскує" глобальну.
Якщо змінна створюється автоматично, тобто якщо вона не оголошена за допомогою ключового слова var, але присутня в лівій частині оператора прямого присвоювання, то вона вважається глобальною і стає доступною з будь-якої точки сценарію.
2. Html dom
DOM (Document Object Model) - являє собою стандарт консорціуму W3C для програмного доступу до документів HTML або XML. Фактично це платформо- і мовно-нейтральний інтерфейс, що дозволяє програмам і сценаріям динамічно звертатися та оновити вміст, структуру і стиль документа.
В рамках даного стандарту можна виділити 3 частини:
• Core DOM - стандартна модель будь-якого структурованого документа
• XML DOM - стандартна модель XML документа
• HTML DOM - стандартна модель HTML документа
DOM визначає об'єкти і властивості всіх елементів документа і методи (інтерфейс) для доступу до них.
HTML DOM визначає об'єкти і властивості всіх HTML елементів і методи (інтерфейс) для доступу до них. Інакше кажучи, HTML DOM описує яким чином необхідно отримувати, змінювати, додавати та видаляти HTML елементи.
У відповідності з моделлю DOM все, що міститься всередині HTML документа - є вузлом. Тобто HTML-документ представляється у вигляді дерева вузлів, якими є елементи, атрибути і текст.
2.1. Вузли дерева html-документа
Згідно моделі DOM:
Весь документ представляється вузлом документа;
Кожен HTML тег є вузлом елемента;
Текст всередині HTML елементів представляється текстовими вузлами;
Кожному HTML атрибуту відповідає вузол атрибута;
Коментарі є вузлами коментарів.
Приклад 2.
<html> <head> <title> HTML документ </ title> </ head> <body> <h 1> Тема </ h 1> <P> Просто текст </ p> </ body> </ html> |
У цьому прикладі кореневим вузлом є тег <html>. Всі інші вузли утримуються всередині <html>. У цього вузла є два дочірніх вузла: <head> і <body>. Вузол <head> містить вузол <title>, а вузол <body> містить вузли <h1> і <p>.
Слід звернути особливу увагу на те, що текст, розташований у вузлі елемента відповідає текстовому вузлу. У прикладі <title> HTML документ </ title> вузол елемента <title> містить текстовий вузол «HTML документ», тобто «HTML документ» не є значенням елемента <title>. Тим не менш, в рамках HTML DOM значення текстового вузла може бути доступно за допомогою властивості innerHTML.
Всі вузли HTML документа можуть бути доступні за допомогою дерева, при цьому їх вміст може бути змінено або видалено, а також можна додати нові елементи.
Всі вузли дерева знаходяться в ієрархічних відносинах між собою. Для опису цих відносин використовуються терміни батько, дочірній елемент і нащадок. Батьківські вузли мають дочірні вузли, а дочірні елементи одного рівня називаються нащадками (братами або сестрами).
У відношенні вузлів дерева дотримуються наступні принципи:
Самий верхній вузол дерева називається кореневим;
Кожен вузол, за винятком кореневого, має рівно один батьківський вузол;
Вузол може мати будь-яке число дочірніх вузлів;
Кінцевий вузол дерева не має дочірніх вузлів;
Нащадки мають загального батька.