Як зробити скрипт

Як зробити скрипт

В інтернет-програмуванні постійно виникає потреба залучити якогось віртуального виконавця для виконання потрібних програмісту дій в браузері або на сервері. Діями можуть бути, наприклад, візуальні ефекти або обробка вводяться відвідувачем даних в браузері. Або збірка запитуваної сторінки з окремих блоків на сервері. Віртуальним виконавцем цих дій буде програмне забезпечення сервера або браузера, а сценарій для виконавця доведеться писати на одному з скриптових мов програмування. Щоб отримати загальне уявлення про те, як робляться сценарії, давайте напишемо нескладний сценарій на мові JavaScript.

Інструкція

  1. Сценарій JavaScript виконується безпосередньо у браузері, тому все, що необхідно для написання і виконання, вже є у вас в комп’ютері. Як робочий інструмент програміста будемо використовувати звичайний текстовий редактор — стандартний Блокнот. Цього цілком достатньо для створення простого скрипта, але, зрозуміло, для постійного програмування краще використовувати спеціалізований редактор.

    Перший крок: створіть в блокноті новий документ для запису інструкцій браузеру.
  2. Тепер можна почати писати код інструкцій. Браузер розуміє не одну мову — наприклад, для розмітки сторінки використовується мова HTML (HyperText Markup Language — «мова розмітки гіпертексту»), а для розширеного опису зовнішнього вигляду елементів сторінки — мова CSS (Cascading Style Sheets — «каскадні таблиці стилів»). Щоб дати виконавцю сценарію зрозуміти, що ця частина вихідного коду сторінки написана на мові JavaScript, всі інструкції треба помістити всередину відкриває і закриває тегів:

    <script type=»text/javascript»>



    </ Script>

    Інструкції для браузера називаються операторами мови. Наприклад, інструкція прочитати і запам’ятати для подальшого використання в сценарії поточні дату і час комп’ютера виглядає так:

    var aTime = new Date ();

    Тепер об’єкт aTime містить дані про дату і час і при необхідності їх можна витягувати і обробляти. Інша інструкція — надрукувати в тілі сторінки яке або повідомлення — виглядає так:

    document.write («будь-яке повідомлення»);

    Зверніть увагу — тут вказано об’єкт з ім’ям «document», його не треба створювати, це відбувається автоматично. Він являє собою віртуальний образ поточної сторінки. З цього об’єкта можна витягувати інформацію про сторінку і з ним можна здійснювати різні трансформації — наприклад, у цьому рядку коду ви за допомогою оператора write записали в document текст «будь-яке повідомлення».

    Тепер задійте в сценарії обидві ці рядки — напишіть на сторінці поточний час:

    document.write («Сьогодні» + aTime.getHours () + «:» + aTime.getMinutes ());

    Тут простою операцією складання (+) ви зчепив чотири складові частини друкується рядка. В остаточному вигляді ваш простий сценарій буде виглядати так:

    <script type=»text/javascript»>

     var aTime = new Date ();

     document.write («Сьогодні» + aTime.getHours () + «:» + aTime.getMinutes ());

    </ Script>
  3. Завершальний крок: збережіть скрипт з розширенням html або htm (наприклад, timeJS.html). Щоб подивитися, що у вас вийшло, відкрийте файл у браузері — просто клацніть його подвійним клацанням миші.