У цій статті ми поговоримо про основні аспекти мови програмування JavaScript і DOM (об’єктна модель документів).
Використання фреймворків, таких як jQuery або Prototype – це відмінний спосіб швидкої розробки додатків на JavaScript, але також важливо знати і розуміти базові аспекти цієї мови. Навіть якщо ви використовуєте тільки якусь конкретну бібліотеку, сьогоднішня інформація все одно принесе вам користь – розуміння того, як щось працює під «капотом», — це дуже важливо.
JavaScript – це динамічна, вільно типізована мова програмування на основі прототипів, яка використовується в багатьох середовищах WEB-розробки. Крім того, що він є дуже поширеною мовою веб-програмування на стороні клієнта, він також використовується для написання плагінів для IDE і є основою для інших платформ.
JavaScript заснований на стандарті ECMAScript (ECMA-262) і був створений Бренданом Айхом з компанії Netscape. Спочатку він називався LiveScript, але пізніше був перейменований в JavaScript.
Деякі особливості JavaScript:
int‘ (ціле число). JavaScript відрізняється тим, що вам не потрібно вказувати тип змінної.
Об’єктна модель документа (DOM) – це API, через який JavaScript взаємодіє з контентом на сайті. JavaScript і DOM зазвичай розглядаються як єдине ціле, оскільки для взаємодії з контентом в Інтернеті найчастіше використовується саме JavaScript. DOM API використовується для доступу, перегляду та маніпулювання HTML і XML документами.
Короткі зауваження щодо DOM:
window є глобальним об’єктом, доступ до нього можна отримати, просто набравши «window». Саме всередині цього об’єкту виконується весь код JavaScript. Як і у всіх об’єктів, у нього є властивості і методи: window.window, всі вони можуть називатися «методами».<p>‘), то до нього можна отримати доступ через DOM як до вузла.
Якщо ви хочете використовувати JavaScript на веб-сайті, він повинен бути включений в елемент script:
<!DOCTYPE html>
<html lang="uk-UA">
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
<script type="text/javascript">
// <![CDATA[
...
// ]]>
</script>
</body>
</html>
Вище ми включили елемент script в наш документ (сторінку). Атрибут type має значення «text/javascript» (ви також можете не використовувати цей атрибут).
Якщо ви використовуєте XHTML, то краще додайте рядки (// <![CDATA[ … // ]]>), щоб позначити, що цей вміст є символьними даними і не повинен тлумачитися як розмітка XHTML. Це дійсно необхідно, якщо ви плануєте використовувати символи «<» або «>» в своєму коді JavaScript. Не забудьте закоментувати ці рядки (//) для браузерів, які не підтримують XHTML.
Якщо ви використовуєте простий HTML, очевидно, що вам не потрібно використовувати рядки CDATA.
Якщо ви хочете створити посилання на зовнішній файл сценарію, просто додайте атрибут src до елементу script з вказуванням посилання на потрібний файл. Зазвичай краще використовувати скрипти, що підключаються, ніж писати вбудований код, оскільки в цьому випадку браузер може закешувати ці файли. Крім того, в цьому випадку не потрібно турбуватися про CDATA:
<script type="text/javascript" src="scripts.js"></script>
Будь-який JavaScript, який ми поміщаємо в елемент script, буде запускатися при завантаженні сторінки. Єдиний виняток – коли елемент script має атрибут ‘defer‘ або ‘async‘. За замовчуванням, коли браузер зустрічає елемент script, він зупиняється і запускає його код, а потім продовжує аналіз документа. Атрибут defer повідомляє браузеру, що код не містить коду, що змінює документ, і тому може бути запущений пізніше.
На сьогодні все. У наступних уроках ми продовжимо вивчення основ JavaScript.
Німецька часто вважається складною мовою. Так, німецька лексика має «важкий» характер. Так, є дійсно дуже… Read More
Тепло в домі і гаряча вода в будь-який час для багатьох мешканців багатоквартирних та приватних… Read More
Якщо ви ще не чули про TikTok, тоді рекомендуємо вам спочатку ознайомитися з цим коротким… Read More
Пройшли ті часи, коли пристойний ноутбук коштував від 1000 доларів. Сьогодні можна купити досить непоганий… Read More
Сучасне життя неможливо уявити без телебачення. Воно дозволяє дізнаватися про події в Україні та світі,… Read More
Зараз знайдеться мало людей, в яких немає алергії на продукти або пилок рослин. Вважається, що… Read More