Презентация на тему WEB. JavaScript. Призначення, основні поняття, визначення

скрипти.
Приклади використання скриптів.
Розміщення скриптів в HTML.
Об”єктна модель документу (DOM).
представлення

DOM.
представлення документу в DOM.
Доступ до об”єктів.
імена об”єктів.
посилання на об”єкти.

мова, яка найчастіше використовується при створені сценаріїв поведінки браузера,

що вбудовуються у веб-сторінки. Дозволяє динамічно змінювати вигляд веб-сторінки з боку клієнта (тобто, без пересилання іноформації серверу).
Скри́птова мова (англ. scripting language, рос. язык сценариев) — мова програмування, що розроблена для запису «сценаріїв» - послідовності операцій, які користувач може виконувати на комп”ютері. Як правило, сценарії інтерпретуються, а не компілюються.
Особливості скриптів:
програмування без ризику дестабілізувати систему. (+)
кросплатформеність (виконуються на різних браузерах) (+)
виконуються на льоту, без компіляції, що призводить до меншої швидкості виконання. (-)

завантажені документу, й динамічно змінювати його зміст («Добрий ранок!»,

«Добрий день!»… ).
Можуть використовуватись для реакції на такі події, як відкривання чи закриття документу, рух миші, натискання клавіш на клавіатурі й т. п.
Можуть використовуватись для обробки даних, які вводяться користувачем в елементи форми. (Заповнення полів на основі інших полів, контроль правильності введення даних).
Можуть під”єднуватись до елементів форм (кнопки, списки, перемикачі) для створення графічного інтерфейсу користувача.
Можуть використовуватись для створення інтерактивного інтерфейсу. (створення деревоподібного ієрархічного меню – “дерева перегляду”).

резисторів.

в HTML-код сторінки й виконується інтерпретатором, що вбудований в

браузер.
Вбудовані скрипти:

Інтегровані в атрибути подій:
Удалить
Зовнішні скрипти (в окремому файлі, що підключається до HTML-файлу):

Model) – об”єктна модель документа – це не залежний

від платформи і мови програмний інтерфейс, що дозволяє програмам і скриптам отримувати доступ до змісту документів, і змінювати структуру й оформлення докуметів.
DOM – структура організації об”єктів у вікні.
Будь-який документ за допомогою DOM може бути представлений як дерево вузлів.
Кожен вузол – елемент, атрибут, текст, зображення й т.п.
Вузли пов”язані один з одним за допомогою співвідношень “родительский-дочерний”.

– частина вікна браузера, де відображається документ.
Navigator – визначає

браузер, в якому виконується сценарій. Має атрибут “тільки читання”.
Screen – визначає фізичне середовище, де запускається браузер (напр. роздільна здатність екрану).
History – історія відкритих сторінок, стек.
Location – дозволяє завантажити сторінку у вікно.
Document – завантажений документ, містить всі інші об”єкти.

документу у вигляді об”єктів:

This is
one
paragraph

використовують ідентифікатори:



особливості імен:
не можуть

містити прогалики, символи пунктуації, не можуть починатись з цифри.
Посилання на об”єкт:
window.document.getElementById("elementID").властивість
кожне посилання починається з найбільш глобального рівня
крапка – розділяє рівні ієрархії.
кожен об”єкт має свій набір вкладених об”єктів (їх досить багато).

можна порівняти з прикметниками, для кожного об”єкта може бути

декілька властивостей:
document.getElementById(“table1").align
document.getElementById(“row").bgcolor
Методи об”єктів – можна порівняти з дієсловами:
document.getElementById(“form_key").submit() – відправка даних з форми при клацанні ЛК миші на кнопці.
document.getElementById(“entry").focus() – виділення тексту в текстовому полі.
Методу може передаватись додаткова інформація – параметр або аргумент:
document.write(“ of ” + navigator.appName + “.”) – на екран виводиться ім”я браузера.