Персональний сайт - використання javascript
Для додавання в гіпертекстовий документ скриптів (програм на спеціальній мові), в документ розміщують спеціальний блок:
Для виведення повідомлень користувачеві використовується функція alert (). Результатом роботи цієї функції є виведене користувачеві повідомлення на інформаційній панелі, що має одну кнопку OK, до натискання якої припиняється виконання як команд програми скрипта, так і інтерпретація гіпертекстового документа.
alert ( "Привіт"); ->
Іншим варіантів виведення інформації засобами скрипта є безпосередня друк в документ. Для цього використовується метеод document.write ().
document. write ( "Paботa скрипта"); ->
При роботі програми в зазначених методах можуть виводитися строкові значення. Рядок являє собою набір символів, що включає в себе літери, цифри, знаки пунктуації, укладений в подвійні або одинарні лапки.
Для розміщення в рядках спеціальних символів використовуються Керуючі послідовності. Вони складаються з символу похилої риси і керуючого коду, наприклад,
Для об'єднання рядків використовується операція +.
Для зберігання інформації в скрипті передбачено використання змінних. Під змінної понімаетсяімя, що привласнюється комірці пам'яті комп'ютера, що зберігає певні дані під час виконання сценарію. До використання змінних в сценарії їх треба оголосити і призначити їм певне значення (ініціалізацію).
Кілька змінних можна оголосити в одному рядку через кому:
Значення змінної може бути присвоєно в будь-якому місці сценарію. Для цього застосовується оператор присвоювання, в лівій частині якого стоїть ім'я змінної, а в правій - привласнюється значення, наприклад,
alert ( "Значення змінної x -" + x);
Для числових змінних використовуються досліджують операції
true. якщо операнд дорівнює false. в іншому випадку false
Для розгалуження програми скрипта використовується умовний оператор. Оператор if дозволяє виконати одну з двох альтернативних груп операторів в залежності від значення перевіряється виразу (умови), яке може бути істинним (true) або хибним (false). Оператор if може не містити частину, що забезпечує обробку значення false.
Оператор if має наступний синтаксис:
За вводиться році проводиться висновок інформації про те, чи є високосним вказаний рік. Будемо вважати високосним рік, без залишку ділиться на 4.
var current_year = prompt ( "Введіть рік");
if (current_year% 4 == 0) Якщо для прийняття рішення потрібно перевірити кілька умов, то можна використовувати вкладені оператори if. Для формування складових умов застосовуються логічні операції І, АБО і НЕ. Вкладений оператор if має наступний синтаксис: Кубічне рівняння записується у вигляді: Для знаходження його коренів, в разі дійсних коефіцієнтів, спочатку обчислюються: Далі, якщо R 2 У тому випадку, коли R 2> = Q 3. то дійсних коренів один (загальний випадок) або два (вироджені випадки). Крім дійсного кореня, є два комплексно-сполучених. Для їх знаходження обчислюються (формула Кардано): Дійсний корінь буде: У тому випадку, коли A = B. то комплексно-зв'язані коріння вироджуються в дійсний: Для обчислення квадратного кореня використовуйте метод Math.sqrt (), для зведення в ступінь x y Math.pow (x, y). Для того щоб дозволити сценарієм управляти всіма об'єктами на сторінці, і для упорядкування об'єктів в гіпертекстових документах, була розроблена об'єктна модель документа (document object model, скорочено DOM). Ця модель є чимось на зразок прототипу або структури організації об'єктів на сторінці, яка в загальному вигляді може бути представлена наступним чином. У кожного з представлених на схемі об'єктів присутні деякі властивості, змінюючи які, можна добиватися динамічних ефектів на сторінці. У той же час, наведена структура моделі, показаної на малюнку, визначає далеко не кожен документ, що завантажується в браузер. Це загальна структура документа, яка описує лише кілька з багатьох можливих типів об'єктів, відомих браузеру. Більша ж частина реальних документів має спрощену структуру, за рахунок відсутності частини елементів. Наприклад, найпростіший документ, що містить тільки текстову інформацію (без елементів форм) буде мати наступну структуру Вгорі ієрархічної структури знаходиться вікно (window). Цей об'єкт представляє ту частину вікна браузера, в якій відображається вміст HTML-документа. У многофреймовой середовищі кожен фрейм також є вікном. Оскільки всі події, що ставляться до документа, відбуваються саме в вікні, то воно - це самий загальний елемент в ієрархічній структурі об'єктів. Кожен HTML-документ, що завантажується у вікно браузера, стає об'єктом document. В об'єкті document міститься більшість інших типів об'єктів моделі. Користувач не бачить на сторінці ні початку, ні закінчення форми, тільки її елементи. Все, що знаходиться між тегами Елементи управління форми Кожен з елементів форми - текстові поля, кнопки, перемикачі, прапорці і списки - це окремі об'єкти. Найбільш оптимальний спосіб створення в сценаріях посилань на об'єкти полягає в тому, що кожному HTML-об'єкту присвоюється власну назву. Підтримують скрипти браузери мають можливість інтерпретувати необов'язкові атрибути тегів з назвою NAME. Цей атрибут дозволяє привласнювати кожному об'єкту власне ім'я. наприклад: При використанні імен елементів, посилання на об'єкти приймуть такий вигляд: До кожного властивості елемента (для опису властивостей елемента в HTML застосовуються параметри) з скрипта можна звернутися по імені властивості. Наприклад, для елемента текстове поле. описаного в такий спосіб звертатися до властивостей можна використовуючи такі конструкції Як уже згадувалося, одне вікно може містити тільки один документ. Тому при посиланні на об'єкт всередині документа можна не використовувати покажчик window на засланні, а починати відразу з document. У той же час, пропускати на засланні покажчик на document можна. Під методом розуміється все, що має відношення до дій об'єкта. За своєю суттю це команди, але спосіб і характер їх виконання пов'язані з конкретним об'єктом. У першому випадку сценарій використаний для того, щоб шляхом клацання на кнопці Submit (Надіслати) відправити форму (яка називається orderForm) на сервер. У другому випадку проводиться виділення тексту в текстовому полі під назвою textpole (яке міститься все на тій же формі orderForm). У деяких випадках методи вимагають вказівки списку параметрів (або аргументів). Приклад використання параметрів можна знайти в сценарії, де був задіяний метод write () об'єкта document: document.write ( "This browser is version" + navigator.appVersion) document.write ( "of "+ Navigator.appName +".")
Опис форми зовні нічим не відрізняється. Однак варто звернути увагу на останній атрибут. Об'єкти кнопок (і не тільки), реагують на клацання мишею. Коли користувач клацає на кнопці, браузер відправляє кнопці повідомлення про натисканні. В описі цієї кнопки за допомогою спеціального атрибута вказано, що коли б кнопка ні отримала таке повідомлення, вона повинна задіяти один з методів об'єкта вікна window під назвою alert (). Під функцією розуміють блок операторів сценарію, що викликаються через деякий час після того, як ці оператори завантажені в браузер. Функції легко помітні всередині дескрипторів
властивості елементів
методи елементів
обробники подій