Так, воно тут, воно тут! Усі творці сайту остерігайтеся, вам повідомляють, що пан Яваскріп щойно прибув. Хто це може бути? Ага, хіба не часто згадуваний колега пана ХаТМатиЛка запускає справи? Так, ти маєш рацію.
Донедавна ми мали можливість зустрічатися лише в Інтернеті зі статичними сторінками. Іншими словами, сайт виглядав однаково і вранці, і на обід, і ввечері. Завдяки великому розширенню та популяризації мови сценаріїв JavaScript, тепер кожен має можливість відносно просто збагатити сайт різними інтерактивними елементами. Є можливість програмування ігор, простих додатків, елементів презентації та інших цікавих речей.
У цій та наступних частинах серії ми будемо поступово знайомитися з основами програмування в JavaScript. Звичайно, ми пояснимо все на наочних прикладах, що не буде ні до чого. Ну, теорії вистачило, давайте до неї дійдемо.
Де мені це ховати ?!
Сценарії, написані на JavaScript можна розмістити в будь-якій частині HTML-документа. Однак іноді корисно включати сценарій у тег. Це особливо важливо, якщо ми хочемо забезпечити, щоб відвідувач сайту не мав можливості робити що-небудь на сайті, поки не завантажиться сам сценарій.
Приклад 1.1: Введення тексту за допомогою JavaScript
Якщо ми подивимось на цей приклад у браузері, який підтримує JavaScript, на сторінці з’явиться: Ваш браузер підтримує JavaScript. В іншому випадку відображається повністю порожня сторінка.
Для того, щоб браузер сторінки знав, що на сторінці є сценарії, необхідно помістити вихідну форму сценарію між тегами. Теги коментарів присутні, щоб старі браузери веб-сайтів, які не можуть інтерпретувати JavaScript, не надто перелічували ресурси скриптів на сторінці.
У цьому сценарії ми вперше зустрічаємо функцію document.write (). Ця функція використовується для набравши текст на сторінці. Якщо ми маємо намір мати текст, який містить лапки, або ми хочемо використовувати теги в тексті, необхідно використовувати форму document.write ('text') замість document.write ("текст"). Це так, що браузер не плутає стільки цитат і точно знає, про що мова.
Здравствуйте? Хто там ?
У цьому розділі ми поговоримо про діалогові вікна, які можна викликати за допомогою JavaScript. Ми розпізнаємо кілька типів діалогових вікон, а саме: інформативний (увага), підтвердження (Добре/Скасувати), допуск (вставити) a помилковий (помилка).
Вікно інформації це доречно використовувати в ситуаціях, коли нам потрібно повідомити відвідувача сайту про повідомлення. Активується викликом функції window.alert ().
Вікно підтвердження широко використовується у випадках, коли нам потрібно з’ясувати відповідь на запитання так/ні. Він активується за допомогою виклику функції window.confirm (). Потім відвідувач має вибір, погодитись він із запитанням (Ok) чи ні (Скасувати).
Вікно входу використовується, коли нам потрібно отримати деяку інформацію від відвідувача сайту. Він активується за допомогою виклику window.prompt ().> Функція
Вікно помилки викликається автоматично, коли браузер зустрічає неіснуючу команду/функцію/метод JavaScript, тобто. якщо ми неправильно запрограмуємо наш сценарій.:-)
Ви дитина чи дорослий? Ви не знаєте ?
Оскільки ми познайомилися з першими базовими будівельними блоками JavaScript у міні-прикладах, ми можемо почати програмувати перший трохи складніший сценарій. Як щодо простої вікторини, яка визначатиме вашу зрілість відповідно до введених вами даних? Це може бути ?
Як це все працює? Після завантаження сторінки цей сценарій привітає вас і привітає. Тоді він запитає у вас ваше ім’я, а потім запитає ваш вік. Нарешті, він оцінює введені дані, тобто. що відповідно до віку він визначить, дитина ви чи дорослий, і напише результат вікторини на сторінці.
На відміну від попередніх прикладів, у яких нам не потрібно було обробляти дані з діалогових вікон, у цьому прикладі ми призначаємо вміст окремих вікон різним змінні. Змінна він служить нам для зберігання даних (числових, текстових чи логічних), щоб ми могли згодом їх оцінити та обробити на наступних кроках. До змінної ім'я ми призначаємо текст, який відвідувач вставляє у вікно. напр. name = window.prompt ("Як вас звати?"); Те саме стосується змінної вік, що збереже вік відвідувача.
Будівництво якщо a ще оцінює достовірність виразу і виконує необхідну дію відповідно. У нашому випадку ми виявляємо, чи вік відвідувача менше 18 років. Якщо вік менше, вираз (вік
Хм, вам важко JavaScript? Ви маєте рацію, він мені теж здався:-) Але, тепер серйозно. Якщо у вас все ще є плутанина чи незначний хаос, перегляньте приклади ще раз і спробуйте їх у своєму веб-браузері. Просто експериментуйте. У наступній частині серії ми покажемо вам, як це можливо. але нехай здивуєшся. Поки ви не помираєте від цікавості, я рекомендую відвідувати веб-сайти www.javascripts.com та www.javascript.sk, які містять велику кількість вже запрограмованих сценаріїв.
Удачі вам у JavaScript,
ДОДАТОК: Основні знаки та форматування символів
При програмуванні сценаріїв ми можемо зіткнутися з необхідністю оцінити інший вираз, і тому ми введемо основні ознаки оцінки, які використовуються для використання.
| > | більше, ніж |
| менше ніж | |
| == | прямий (пишемо як два = поспіль) |
| > = | більше або дорівнює |
| менше або дорівнює | |
| != | відрізняється від |
Можливо, ви помітили, що деякі рядки сценарію вікторини містять певні символи. Наприклад знак \ n у рядку, у якому викликається інформаційне вікно. Такі символи називаються форматуванням і виконують різні функції. Підтримувані JavaScript включають: