Теоретичні відомості. JavaScript – нова мова програмування для створення скриптів, що розроблена фірмою Netscape

JavaScript – нова мова програмування для створення скриптів, що розроблена фірмою Netscape. За допомогою JavaScript можна створювати інтерактивні Web-сторінки. Щоб запускати скрипти, що написані з використанням мови JavaScript необхідний браузер, що має змогу працювати з JavaScript – наприклад Netscape Navigator (починаючи з версії 3.0) або Microsoft Internet Explorer (MSIE – починаючи з версії 3.0). Код скрипта JavaScript розміщується безпосередньо на HTML-сторінці з використанням тегу < script>. Події та їх обробники є одними з важливих питань для програмування на мові JavaScript. Події, головним чином провокуються діями користувача. Наприклад, клік по кнопці або текстовому полю провокує виникнення події " Click". Якщо курсор миші перетинає будь-яке посилання гіпер-тексту – відбувається подія MouseOver та ін. Існує кілька різних типів подій, в даній лабораторній роботі ми розглянемо лише подію onClick. Наведений нижче код є прикладом простої програми обробки події onClick:

< form>

< input type=" button" value=" Click me" onClick=" alert('Hello!!! ')" >

< /form>

Однією з найвідоміших функцій є alert(), що дозволяє видати користувачеві інформацію або попередження у випадаючему вікні. При її виклику, у якості параметра передається деяка строка, у випадку представленому нижче це “Hello!!! ”. Таким чином, коли користувач клікає на кнопці або іншому елементі форми скрипт створює вікно, що містить текст ”Hello!!! ”.

Завдання: Розробити Інтернет сторінку де наряду із звичайним html текстом буде міститись прізвище, ім’я, по батькові студента, надрукованого засобами Java Script. Розмістити на сторінці кнопку, за натиском якої користувачеві на екран з’являтиметься повідомлення про дату та місце народження студента.

Приклад:

< html>

< body>

< br>

Это обычный HTML документ.

< br>

< script language=" JavaScript" >

document.write(" А это JavaScript! ")

< /script>

< br>

Вновь документ HTML.

< br>

< form>

< input type=" button" value=" Click me" onClick=" alert('Привіт')" >

< /form>

< /body>

< /html>

Результати виконання: