47.Можливості Java Script при впроваджені у web- сторінки

При використанні в рамках технології DHTML JavaScript код включається в HTML-код сторінки і виконується інтерпретатором, вбудованим в браузер. Код JavaScript вставляється в теги <script></script>.

Можливості:

--Додавання інтелекту сторінки

--Відстеження і обробка подій, що викликає користувач

--перевірка даних перед відправкою на сервер

--зміна оформлення та вмісту сторінки

--зміна структури сторінки

--створення анімаційних ефектів

--додаткові вікна (відкриття, закриття, розмір тощо).

48.Способи розташування та правила створення сценаріїв

Способи розташування:

1.В заголовку коду

2.В зовнішньому файлі (*.js)

В обох випадках ставляться теги <script></script> з атрибутами

Type –мова сценарію

Src –шлях до зовн файлу

Рекомендовано розміщати текст в заголовку, окрім:

1.якщо сценарій призначений для розміщення даних на сторінці, то його слід розташувати в тілі.

2.якщо сценарій звертається до елем, то його розташовують після елементу.

3.елем html можуть містити оператори js як значення атрибуту.

Правила роботи:

1.Чутлива до регістру.

2.Оператори розділяються «;».

3.Оператори можуть об’єднуватися в блоки {…}. Після «}» «;» не ставиться.

4.Можна вставити коментарі:

// - однорядкові

/*…*/ - багаторядкові

Деякі браузери не підтримують роботу js. Тут текст скрипта ставлять в html коментарі.

49. Робота з вікнами браузера у Java Script

Найпоширенішими методами управління вікнами браузера є:

1.Window.alert() – створює вікно повідомлення з кнопкою «ОК».

2. Window.confirm() – виводить вікно повідомлення із запитом, на яке можна відповісти: «так», «ні».

3. Window.prompt() – вікно із полями для введеня.

4. Window.Open(адрес файлу, імя вікна, параметри) – для створення нових вікон і має найбільше атрибутів.

адреса файлу - адреса файлу, спочатку завантажується в нове вікно;

ім'я вікна - дається новому вікна, щоб згодом посилатися на нього з скрипта;

параметри - набір елементів нового вікна браузера - рядок, у якому через кому в будь-якому порядку перераховуються пари параметр = значення. Якщо якийсь параметр не вказаний, буде застосовано значення за замовчуванням.

5. Window.close() – закриває вікно.

6. Window.focus() – для передачі фокусу у вікно (активне).

50.Поняття DHTML. Динамічне форматування web-сторінок.Dynamic HTML або DHTML - це спосіб створення інтерактивного веб-сайту, який використовує поєднання статичного мови розмітки HTML, що вбудовується (і виконуваного на стороні клієнта) скриптової мови JavaScript, CSS (каскадних таблиць стилів) і DOM (об'єктній моделі документа).Він може бути використаний для створення додатку в веб-браузері: наприклад для простішої навігації або для додання інтерактивності форм. DHTML може бути використаний для динамічного перетягування елементів по екрану. Також він може служити як інструмент для створення заснованих на браузері відео ігор.DHTML програми, які цілком автономні у браузері, без серверної підтримки, такий як база даних, іноді змушені звертатися до Single Page Applications, або SPA Конкуруюча техніка включає в себе Adobe Flash і Silverlight.

46. Об'єктна модель JavaScript

JavaScript - об'єктно-орієнтована скриптова мова програмування. Є діалектом мови ECMAScript. JavaScript зазвичай використовується як вбудовувана мова для програмного доступу до об'єктів додатків. Найбільш широке застосування знаходить в браузерах як мова сценаріїв для додання інтерактивності веб-сторінок. Основні архітектурні риси: динамічна типізація, слабка типізація, автоматичне управління пам'яттю, прототипних програмування, функції як об'єкти першого класу. На JavaScript вплинули багато мов, при розробці була мета зробити мову схожим на Java, але при цьому легким для використання непрограмістів. Мовою JavaScript не володіє будь-яка компанія або організація, що відрізняє його від ряду мов програмування, використовуваних у веб-розробці Назва «JavaScript» є зареєстрованим товарним знаком компанії Oracle Corporation

Суть моделі у тому, що кожен елемент HTML — це об'єкт, який характеризується трійкою: властивості методи події Об'єкти з однаковим набором властивостей, методів і подій об'єднуються у класи однотипних об'єктів.

Класи — це описи можливих об'єктів. Сам об'єкти створюються тільки після завантаження документа броузером, або я результат роботи програми. Про це слід пам'ятати, щоб не звернутися д об'єкта, якого немає.

Властивості

Більшість HTML-дескрипторів мають атрибути. Наприклад, контейнер <А ...>... </А> має атрибут href, який перетворює його в гіпертекстове посилання

<А href=kuku.htm>kuku</A>

Якщо розглядати елемент, що задається контейнером <А ...>... </А>, я об'єкт, то атрибут href буде задавати властивість об'єкта гіперпосилання. Програміст може змінити значення атрибута і, як наслідок, властивість об'єкта:

document.links[0].href="kuku1.htm";

Для загальності властивостями в JavaScript наділені також об'єкти, які не мають аналогів у HTML-розмітці, наприклад, середовище виконання, яке на­зивається window або вікно броузера. Методи У термінології JavaScript методи об'єкта визначають функції зміни його властивостей. Наприклад, з об'єктом document (документ) зв'язані методи ореп(), write(), close(). Події                                                                                                  Крім властивостей і методів об'єкти характеризуються подіями, які з ними можуть відбуватися. Власне суть програмування на JavaScript полягає в написанні підпрограм (функцій) опрацювання цих подій

Події, які можуть бути опрацьовані JavaScript-програмою, можна поділити на декілька категорій:

• події, що стосуються документів (наприклад, завантаження документа);

• події, що стосуються гіперпосилань (наприклад, активізація гіперзв'язку);

• події, що стосуються форм (клацання миші на кнопках, контрольних] перемикачах тощо);

• події, що стосуються рисунків (завантаження рисунка, переривання] завантаження рисунка);

• події, пов'язані з мишею (поміщення вказівника на гіперзв'язок)

.

ПОДІЯ	ЗАСТОСОВУЄТЬ­СЯ ДО ОБ'ЄКТІВ	КОЛИ ВІДБУВАЄТЬСЯ ПОДІЯ	ВІДПОВІДНИЙ АТРИБУТ
Click	button, radio, checkbox, submit, reset, link	користувач клацає кноп­кою миші на елементі форми чи гіперзв'язку	onClick
DragDrop	window	користувач перетягує ми­шею об'єкт у вікно браузера,	onDragDrop
Error	image, window	завантаження документа чи зображення викликає помилку	onError
Focus	window і всі об'єкти форми	вікно або елемент форми отримує фокус	onFocus
KeyDown	document, image, link, textarea	користувач натискує на клавішу клавіатури	onKeyDown
KeyPress	document, image, link, textarea	користувач утримує натис-нутою клавішу клавіатури	onKeyPress
KeyUp	document, image, link, textarea	користувач відпускає кла­вішу клавіатури	onKeyUp
Load	тіло документа	завантажується документ у броузер	onLoad
MouseOown	document, button, link	користувач натискує кнопку миші	onMouseOown
MouseMove	—	користувач переміщує вказівник миші	onMouseMove
MouseOut	area, link	користувач переміщує курсор миші	onMouseOut