Відмінності між версіями «Знайомство з JavaScript (призначення, можливості, інтеграція з HTML документом)»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
м
 
(не показані 30 проміжних версій 5 учасників)
Рядок 1: Рядок 1:
 
<H3>Що таке JavaScript?</H3>
 
<H3>Що таке JavaScript?</H3>
−
<b>JavaScript</b> - це порівняно новий мова для написання сценаріїв, розроблений компанією Netscape. За допомогою мови JavaScript ми можемо створювати інтерактивні web-сторінки найбільш зручним і ефективним способом. У цьому практичному посібнику наведені приклади, які, на думку автора, є найбільш важливими. Вони зможуть продемонструвати можливості JavaSript і принципи організації мови. У цьому посібнику наводяться приклади того, що можна зробити, використовуючи JavaScript, а також, що не менш важливо, розповідається, як це зробити.
+
<b>JavaScript</b> - JavaScript — мова програмування для створення інтерактивних Web-сторінок
  
−
JavaScript - це не те ж саме, що Java!
+
<H3>JavaScript — це не Java!</H3>
−
Багато людей вважають, що мова JavaScript - це те ж саме, що мова Java, недарма вони носять однакові імена. Однак це невірно. Не будемо розбиратися в існуючих відмінностях, важливо лише пам'ятати, що JavaScript та Java - це різні мови, хоча в них є багато спільного.<br><br>
+
Дехто може подумати, що JavaScript — це те саме, що й Java, бо ці мови мають схожі назви. Насправді це не так. На початку знайомства з мовою недоречно подавати усі відмінності між цією мовою та іншою. Достатньо запам'ятати таке. Java — це об'єктно-орієнтована мова програмування, коди якої перед запуском програми опрацьовує компілятор.<br>
  
−
<H3>События</H3>
+
Створені з допомогою Java програми працюють як завершені додатки або як вбудовані у Web-сторінку аплети. Незважаючи на таку вбудованість, їх зберігають на ПК-клієнті як окремі файли.<br>
−
<b>Событие</b> — это очень важное в программировании на JavaScript понятие. События главным образом порождаются пользователем, являются следствиями его действий. Если пользователь нажимает кнопку мыши, то происходит событие, которое называется Click. Если экранный указатель мыши движется по ссылке HTML-документа, происходит событие MouseOver.
+
 
−
Существует несколько различных событий. Пусть мы хотим, чтобы наша JavaScript программа реагировала на несколько разных событий. Это можно сделать при помощи event-handlers. Например, можно заставить появиться новое всплывающее окно, которое появляется при нажатии кнопки. Появление нового окна будет следствием наступления события Click.
+
На відміну від цього код JavaScript розташовують всередині HTML сторінки. Він не може діяти як окрема програма, а працює запущеним у проглядачах Internet Explorer, Netscape Navigator, Google Chrome, Mozilla FireFox тощо.
−
Event-handler, иначе говоря обработчик событий или средство управления событиями, который требуется для организации такого действия, называется опСlick. Это средство управления событиями сообщает компьютеру, какие действия необходимо совершить при наступлении данного события. Ниже приведена простая программа, иллюстрирующая то, как может быть использовано средство опСlick.
+
<br><br>
−
<form><br>
+
 
−
<input type="button" value="щелкни меня" onClick="alert('Ой-ой')"><br>
+
<H3>Призначення JavaScript.</H3>
−
</form> <br><br>
+
Найчастіше мова  JScript  використовується для обробки подій на веб-сторінці таких як натиснення на кнопку відправки форми, вибір нового елементу зі списку, позиціонування курсору мишки над якимось елементом, завершення завантаження сторінки тощо. Призначення такого обробника подій - попередити користувача про можливу помилку в його діях  чи створити більш зручну обстановку для роботи зі сторінкою. Проте іноді застосування мови скриптів може бути й більш прозаїчним : в момент завантаження виводити на сторінку HTML-код , що сформує той чи інший елемент сторінки після її завантаження чи провести певні обрахунки.
 +
 
 +
 
 +
<H3>Розташування коду JavaScript на сторінці HTML</H3>
 +
 
 +
Код JavaScript разташовують безпосредньо на HTML-сторінці. Продемонструємо це таким простим прикладом.
 +
 
 +
<html><body>Це звичайний документ HTML.<br>
 +
 
 +
<script language="JavaScript"> document.write("А це JavaScript!") </script>
 +
 
 +
<br>
 +
 
 +
Знову документ HTML.
 +
 
 +
</body></html>
 +
 
 +
Власне кодом JavaScript є такий рядок:  <script language="JavaScript"> document.write("А це JavaScript!") </script>
 +
 
 +
Завантаживши такий файл HTML у браузер з підтримкою JavaScript, отримаємо 3 рядки (гарнітура й написання залежать від налаштувань браузера):
 +
 
 +
Це звичайний документ HTML.
 +
А це JavaScript!
 +
Знову документ HTML.
 +
 
 +
Поданий приклад не є змістовним, але він демонструє: тег ознаки <script>. Все, розташоване між тегами <script> i </script>, тлумачать як код мовою JavaScript. Також показано дію вказівки document.write() для тексту у поточному документі. Наразі таким є документ HTML.
 +
 
 +
Функції є одним з основних механізмів мови JavaScript; вони охоплюють ту область, яка в інших мовах програмування реалізується підпрограма, процедурами і функціями. Функція в JavaScript - це набір операторів, що виконують певне завдання.  
 +
Для того, щоб користуватися функцією, ми повинні спочатку її визначити. Декларація функції має вигляд:
 +
function ім'я (аргументи?)
 +
{
 +
оператори
 +
}
 +
Тут ім'я - ідентифікатор, що задає ім'я функції, аргументи - необов'язковий список ідентифікаторів, розділених комами, який містить імена формальних аргументів функції, а оператори - будь-який набір операторів, який називається тілом функції і виконується при її виклику.
 +
 
 +
<H3>Дії браузерів без підтримки JavaScript</H3>
 +
Браузер без підтримки JavaScript (пошукайте серед перших версій сучасних браузерів) ігнорують тег <script> і відображають усі наступні за ним символи як звичайний текст. Інакше кажучи, користувач побачить код JavaScript вписаним всередину документу
 +
 
 +
<H3>Javascript в HTML</H3>
 +
У мові JavaScript всі елементи на web-сторінці шикуються в ієрархічну структуру. Кожен елемент постає у вигляді об'єкта. І кожен такий об'єкт може мати певні властивості та методи. У свою чергу, мова JavaScript дозволить Вам легко управляти об'єктами web-сторінки, хоча для цього дуже важливо розуміти ієрархію об'єктів, на які спирається розмітка HTML.<br>
 +
 
 +
Конструкції мови JavaScript можуть включатися в HTML документи двома способами: <br>
 +
- Як позначені тегом <SCRIPT> оператори та функції, <br>
 +
- Як обробники подій (event handlers), використовуючи стандартні HTML теги.<br><br>
 +
 
 +
Оператори мови (скрипти) з тегами SCRIPT використовують формат:<br>
 +
 
 +
<SCRIPT><br> Оператори JavaScript ...<br></ SCRIPT><br> Додатковий атрибут LANGUAGE, що визначає мову програмування скрипта задається як:<br><SCRIPT LANGUAGE="JavaScript"> або <SCRIPT LANGUAGE="LiveScript"><br> Оператори JavaScript ...<br></ SCRIPT><br>
 +
 
 +
Контейнер <SCRIPT> може включати довільну кількість JavaScript операторів.<br><br>
 +
 
 +
Детальніше (з прикладами) про інтегрування та роботу з javascript в HTML документі можете подивитись [http://lit.jinr.ru/LCTA/Java/javascript/chapt2.htm тут]<br/>
 +
 
 +
[https://karmazzin.gitbooks.io/eloquentjavascript_ru/content/ Выразительный Javascript]
 +
 
 +
[[Інтернет-програмування]]

Поточна версія на 10:23, 1 грудня 2018

Що таке JavaScript?

JavaScript - JavaScript — мова програмування для створення інтерактивних Web-сторінок

JavaScript — це не Java!

Дехто може подумати, що JavaScript — це те саме, що й Java, бо ці мови мають схожі назви. Насправді це не так. На початку знайомства з мовою недоречно подавати усі відмінності між цією мовою та іншою. Достатньо запам'ятати таке. Java — це об'єктно-орієнтована мова програмування, коди якої перед запуском програми опрацьовує компілятор.

Створені з допомогою Java програми працюють як завершені додатки або як вбудовані у Web-сторінку аплети. Незважаючи на таку вбудованість, їх зберігають на ПК-клієнті як окремі файли.

На відміну від цього код JavaScript розташовують всередині HTML сторінки. Він не може діяти як окрема програма, а працює запущеним у проглядачах Internet Explorer, Netscape Navigator, Google Chrome, Mozilla FireFox тощо.

Призначення JavaScript.

Найчастіше мова JScript використовується для обробки подій на веб-сторінці таких як натиснення на кнопку відправки форми, вибір нового елементу зі списку, позиціонування курсору мишки над якимось елементом, завершення завантаження сторінки тощо. Призначення такого обробника подій - попередити користувача про можливу помилку в його діях чи створити більш зручну обстановку для роботи зі сторінкою. Проте іноді застосування мови скриптів може бути й більш прозаїчним : в момент завантаження виводити на сторінку HTML-код , що сформує той чи інший елемент сторінки після її завантаження чи провести певні обрахунки.


Розташування коду JavaScript на сторінці HTML

Код JavaScript разташовують безпосредньо на HTML-сторінці. Продемонструємо це таким простим прикладом.

<html><body>Це звичайний документ HTML.

<script language="JavaScript"> document.write("А це JavaScript!") </script>


Знову документ HTML.

</body></html>

Власне кодом JavaScript є такий рядок: <script language="JavaScript"> document.write("А це JavaScript!") </script>

Завантаживши такий файл HTML у браузер з підтримкою JavaScript, отримаємо 3 рядки (гарнітура й написання залежать від налаштувань браузера): 

Це звичайний документ HTML.
А це JavaScript!
Знову документ HTML.

Поданий приклад не є змістовним, але він демонструє: тег ознаки <script>. Все, розташоване між тегами <script> i </script>, тлумачать як код мовою JavaScript. Також показано дію вказівки document.write() для тексту у поточному документі. Наразі таким є документ HTML.

Функції є одним з основних механізмів мови JavaScript; вони охоплюють ту область, яка в інших мовах програмування реалізується підпрограма, процедурами і функціями. Функція в JavaScript - це набір операторів, що виконують певне завдання. Для того, щоб користуватися функцією, ми повинні спочатку її визначити. Декларація функції має вигляд: 

function ім'я (аргументи?) 
{
оператори
}

Тут ім'я - ідентифікатор, що задає ім'я функції, аргументи - необов'язковий список ідентифікаторів, розділених комами, який містить імена формальних аргументів функції, а оператори - будь-який набір операторів, який називається тілом функції і виконується при її виклику.

Дії браузерів без підтримки JavaScript

Браузер без підтримки JavaScript (пошукайте серед перших версій сучасних браузерів) ігнорують тег <script> і відображають усі наступні за ним символи як звичайний текст. Інакше кажучи, користувач побачить код JavaScript вписаним всередину документу

Javascript в HTML

У мові JavaScript всі елементи на web-сторінці шикуються в ієрархічну структуру. Кожен елемент постає у вигляді об'єкта. І кожен такий об'єкт може мати певні властивості та методи. У свою чергу, мова JavaScript дозволить Вам легко управляти об'єктами web-сторінки, хоча для цього дуже важливо розуміти ієрархію об'єктів, на які спирається розмітка HTML.

Конструкції мови JavaScript можуть включатися в HTML документи двома способами:
- Як позначені тегом <SCRIPT> оператори та функції,
- Як обробники подій (event handlers), використовуючи стандартні HTML теги.

Оператори мови (скрипти) з тегами SCRIPT використовують формат:

<SCRIPT>
Оператори JavaScript ...
</ SCRIPT>
Додатковий атрибут LANGUAGE, що визначає мову програмування скрипта задається як:
<SCRIPT LANGUAGE="JavaScript"> або <SCRIPT LANGUAGE="LiveScript">
Оператори JavaScript ...
</ SCRIPT>

Контейнер <SCRIPT> може включати довільну кількість JavaScript операторів.

Детальніше (з прикладами) про інтегрування та роботу з javascript в HTML документі можете подивитись тут

Выразительный Javascript

Інтернет-програмування

Отримано з https://wiki.cusu.edu.ua/index.php?title=Знайомство_з_JavaScript_(призначення,_можливості,_інтеграція_з_HTML_документом)&oldid=333755