Як написати скрипт

Як написати скрипт

У сьогоднішньому інтернеті панує тотальний інтерактив — треба дуже сильно постаратися, щоб знайти хоч який-небудь сайт, не пропонує відвідувачу зробити що-небудь і тут же отримати відповідь дія сайту. Втім, часто нам навіть нічого не пропонують заповнити або натиснути — сторінка сама реагує на рух курсора і, часом, ходиш по сторінкам як по мінному полю. Весь інтерактив на сайтах забезпечують скрипти. Це можуть бути як скрипти, що виконуються на сервері, так і виконувані в нашому комп’ютері. Давайте спробуємо написати найпростіший скрипт, щоб отримати уявлення про те, що це, власне, таке.

Інструкція

  1. Само слово script в буквальному перекладі означає «сценарій», тобто опис послідовності дій, необхідних для виконання поставленого завдання. Виконавцем цього сценарію може бути або відповідний модуль серверного програмного забезпечення, або браузер у нашому комп’ютері. Оскільки браузер, на відміну від веб-сервера, завжди під рукою давайте напишемо сценарій мовою, зрозумілою браузеру — JavaScript. Для цього достатньо будь-якого текстового редактора — цілком підійде стандартний блокнот. Звичайно, для постійного програмування сценаріїв не обійтися без спеціалізованого редактора. Такий редактор сильно полегшує рутинну роботу з написання скриптів, залишаючи голову вільною для творчості.
  2. Щоб браузер міг прочитати, зрозуміти і виконати завдання, сценарій повинен бути складений і записаний за правилами, відомим інтерпретатору скриптової мови вбудованому в браузер. Першим рядком треба повідомити виконавцеві, що з цього місця починається сценарій. На мові JavaScript цей відкриває тег може виглядати так:

    <script type=»text/javascript»>

    А закриває так:

    </ Script>

    Між цими двома тегами знаходяться інструкції — оператори мови. Наприклад, набір інструкцій браузеру надрукувати поточний час в форматі ЧАС: ХВИЛИНА виглядає так:

    var aTime = new Date ();

    document.write («Сейчас» + aTime.getHours () + «:» + aTime.getMinutes ());

    Тут перший рядок var aTime = new Date () віддає виконавцю сценарію команду на створення віртуального об’єкта під ім’ям «aTime». Цей об’єкт є поточні дату і час. document.write () — це команда надрукувати в сторінці те, що зазначено далі в дужках, а команди aTime.getHours () і aTime.getMinutes () наказують витягти з об’єкта «aTime» поточні годину і хвилину. Оператори «+» зчіплюють в один рядок весь рядок, яку слід надрукувати.

    У зборі цей простий JavaSript-сценарій буде виглядати так:

    <script type=»text/javascript»>

     var aTime = new Date ();

     document.write («Сейчас» + aTime.getHours () + «:» + aTime.getMinutes ());

    </ Script>
  3. Як написати скрипт
    Залишилось зберегти цей код у файлі з розширенням htm або html (наприклад, timeJS.html) і запустити як ми це робимо зазвичай з іншими файлами — подвійним клацанням миші. За розширення html (HyperText Markup Language — «мова розмітки гіпертексту») операційна система розпізнає тип файлу і передасть його для виконання програми, за якою закріплений цей тип файлів — браузеру. У результаті наш сценарій буде прочитаний і виконаний інтерпретатором мови і представлений у вікні браузера в такому вигляді: