Є кілька способів впровадити JavaScript у вашому HTML сторінок. Давайте поглянемо на них

<SCRIPT> Тег.

JavaScript коду з'являється між <SCRIPT> і </ script> тегів. Ви можете використовувати тільки основні <SCRIPT> тегів для ваших скриптів на зразок наступного

<SCRIPT>
document.write ( "JavaScript приклад");
</ Script>

що дає наступні результати

document.write ( "JavaScript приклад");
Існує ціла низка атрибутів, який ми можемо використовувати з <SCRIPT> тега

Мова

Це використовується, щоб вказати, що мова сценаріїв Сценарій написано на. У більшості браузерів за замовчуванням атрибуту JavaScript. Але ви повинні знати, що існує також і VBScript. Якщо б ви були змішувати VBScript і JavaScript і не вказати мову, який ви б отримати деякі цікаві проблеми, що з'являється. Ви можете встановити мова атрибуту з фактичною кількістю версія JavaScript тому, якщо ви встановите його в JavaScript 1.1 ви отримаєте всі функції з JavaScript 1.1, але якщо сценарій був функції, які були введені в пізнішій версії JavaScript сценарію не зможуть .

SRC

Це використовується, щоб вказати адресу зовнішнього сценарію бути завантажені і виконані. Ці зовнішні файли зазвичай мають розширення. JS розширенням. Так що це буде виглядати наступним чином <SCRIPT SRC = "sample.js"> </ script>

АРХІВ

Це використовується, щоб вказати адресу JAR-файл, що містить скрипт, зазначений у атрибут SRC. JavaScript 1.2 потрібно.

Тип

Це підтримується тільки в Internet Explorer 4 і Netscape Navigator 4 і вище. Синтаксис

<SCRIPT Type = "text/javascript"> мій JavaScript </ script>

Обробників подій

JavaScript код також може бути введений в обробнику атрибути тегів HTML. Ці атрибути завжди починаються з і на деякі приклади OnClick, опИіг і OnMouseDown. Код виконується при настанні події Так, наприклад, якщо ви натиснете кнопку і JavaScript коду при цьому кнопка буде виконуватися при натисненні на кнопку. Ось приклад.

Ось HTML-код для цього прикладу

<INPUT type = кнопки VALUE = "Преса мене вікно з попередженням"
OnClick = "Alert (" Чорт дратівливих попереджень поле прикладу');">

JavaScript URL-адрес

Адресами URL JavaScript є особливим типом URL. JavaScript URL не відправити або отримати будь-яку інформацію, як звичайний URL, окрім як побічний ефект JavaScript URL використовується для виконання скрипта. JavaScript URL, займають одну лінію, так що якщо містити більше однієї заяви, крапка з комою повинна бути використана.

Ось приклад

Оповіщення поле прикладу тут HTML код для цього приголомшливий приклад

<a href="javascript:alert('another дратівливих попереджень box')"> Alert Приклад вікна </ A>

Ось таблиця із списком спеціальні керуючі послідовності.

Escape

представляє

\ B

BackSpace

\ F

Прогон

\ П

NewLine

\ R

Повернення каретки

\ T

Вкладка

\ '

Одинарні лапки

\ "

подвійні лапки

\ \

зворотній дробова риса

\ DDD

характер з Latin-1 кодуванні, заданої трьома вісімкових цифр DDD

\ XDD

характер з Latin-1 кодуванні, заданої двома шістнадцятиричних цифр дд

\ Udddd

характер з кодуванням Unicode зазначених чотирьох шістнадцятиричних цифр DDDD

\ П

N, де N це будь-який інший характер, ніж ті, вище.

Число

В JavaScript всі цифри розглядаються як числа з плаваючою точкою. Підтримка JavaScript не цілі, вісімкове число, шістнадцяткове число і т.д., але на найнижчому рівні, JavaScript бачить всі числа як числа з плаваючою точкою.

Цілі

Ці цифри без дробової частини, вони можуть бути позитивними або негативними, і вони можуть бути десяткового, вісімковій або шістнадцятковій. Найпоширенішим типом цілі числа десяткових чисел (або підстава 10). ці цифри в діапазоні від 0 - 9 і не може бути 0 перед номером. Ось кілька прикладів.

Діє: 2, 23, 900, 54

недійсними: 04, 0300, 079

Octal цілих чисел (також званий базовий 8) повинна починатися з ведучим нулем, а потім кожна цифра після провідного нуля може бути в діапазоні 0 - 7.

шістнадцятиричних чисел (також відома як база-16) повинна починатися з 0x або 0X. Кожна цифра після цього може бути в діапазоні 0 - 9 і від A - F, де A - F еквівалентно 10 - 15.

Приклади

Простим прикладом тут

<! --
document.write ( "45 є" + 45 + "десяткові (підстава 10)");
document.write ( "<br> 045 є" + 045 + "вісімкове (база 8)");
document.write ( "<br> 0 × 45 є" + 0 × 45 + "шістнадцяткове (база 16)");
/ / ->
<script Language = "JavaScript">
<! --
document.write ( "45 є" + 45 + "десяткові (підстава 10)");
document.write ( "<br> 045 є" + 045 + "вісімкове (база 8)");
document.write ( "<br> 0 × 45 є" + 0 × 45 + "шістнадцяткове (база 16)");
/ / ->
</ Script>

<! --
document.write ( "45 є" + 45 + "десяткові (підстава 10)");
document.write ( "<br> 045 є" + 045 + "вісімкове (база 8)");
document.write ( "<br> 0 × 45 є" + 0 × 45 + "шістнадцяткове (база 16)");
/ / ->
Тепер ви можете бачити, що важливо не поклавши 0 або 0x перед вашими номерами, результати будуть різними вісімковій й шестнадцатеричной.

Strings

Рядок складається з кількох символів. Строки заявив, поставивши символи всередині або подвійні лапки ( "") або всередині одинарні (''). За зворотного косою риси (\) з'явиться в рядку буквальний, він уникає характер, що йде за ним це означає, що ви можете мати спеціальні символи в рядку. (Див. наш спеціальний посиланням символів)

Булеві

Булева типу даних може мати лише два значення або істинними або помилковими. Вони часто представляли 1 для дійсних і помилкових 0 в JavaScript. Іноді краще думати про істинними або помилковими як і відключення або навіть як "так" чи ні.

NULL

Це забезпечується нульова JavaScript ключове слово, яке являє собою стан, при якому значення не існує.

Іменування змінних

Є кілька правил, дотримуватися при іменуванні змінних в JavaScript. До них відносяться наступні

Перший символ імені повинен бути літерою або знаком підкреслення (_)

Усі символи після першого символу можуть бути літери, підкреслення, або цифр

Листи можуть бути як верхнього або нижнього регістру. Зверніть увагу, що JavaScript розглядає два випадки різному Так, наприклад Назва відрізняється від FirstName або Ім'я.

Призначення змінних

Щоб оголосити змінну в JavaScript використовується ключове слово VAR слід ім'я змінної. Ви можете помістити кілька змінних за допомогою VAR ж ключове слово, якщо це так, ви використовуйте коми, щоб розділити імен змінних.

Тепер, коли ви визначили змінну, ви можете давати їй значення при призначенні оператор (=). Часто декларації та призначення відбудеться в той же час. Якщо значення присвоюється змінної, яка не була оголошена зі змінною за ключовим словом. JavaScript створює глобальну змінну.

Дозволяє побачити приклад всьому цьому.

<script Language = "JavaScript">
<! --
/ / Мінлива декларації без яких-небудь поступки
VAR ім'я;
/ / Завдання без використання ключового слова VAR
Name = "Ян";
/ / Мінлива декларації та призначення комбінованої
VAR вік = 29, висота = 6;
/ / Друк докладніше
document.write (назва, "це", вік "і", висоту, "стопи");
/ / ->
</ Script>

Він чинить такий результат.

<! --
/ / Мінлива декларації без яких-небудь поступки
VAR ім'я;
/ / Завдання без використання ключового слова VAR
Name = "Ян";
/ / Мінлива декларації та призначення комбінованої
VAR вік = 29, висота = 6;
/ / Друк докладніше
document.write (назва, "це", вік "і", висоту, "стопи");
/ / ->

Область видимості змінної

Змінні в JavaScript можуть бути локальними або глобальними. Всі змінні є глобальними, якщо вони оголошені у функції в цьому випадку змінна є локальною для цієї функції. Ви можете мати дві змінні з таким же ім'ям, якщо це глобальне і одне місцеве функції. При зверненні до змінної у функцію ви отримуєте доступ до локальної змінної з-за меж функції Ви отримуєте доступ до глобальної змінної.

Ви повинні завжди використовувати ключове слово VAR оголосити змінну всередині функції, якщо ви хочете бути локальної змінної. Якщо ви не JavaScript створює глобальну змінну.

Це час, коли той же ділянка коду потрібно виконати багато разів з різними значеннями.

для

Петлі для структури задана кількість разів. Цикл складається з двох частин: стан та заяв. Стан частини структура визначає, скільки разів цикл повторюється в той час як заява є те, що виконується при кожному циклі відбувається.

Умовна структура наводиться в дужках і складається з трьох частин, розділених комою (;). Перша частина стану структури ініціалізує змінну початковим значенням. У більшості випадків, ця змінна оголошена тут і ініціалізації. Будуть перебиратися друга частина являє собою фактичне умовне заяву, яке визначає, скільки разів цикл с. Третя і заключна частина визначає, як змінна, яка була ініціалізований в першу чергу, повинен бути змінений при кожному повторному циклі. Третя частина причини, щоб мінлива збільшується, зменшується, і так далі. Ось синтаксис для петлі

для (ініціалізація; стан; налаштувати)
(
заяву;
)

Ви повинні остерігатися нескінченні цикли. Давайте поглянемо на цикл приклад.

<script ="JavaScript"> мову
<! --
для (VAR I = 0; i <= 10; I + +)
(
document.write ( "", I);
)
/ / ->
</ Script>

що дає наступні результати

<! --
для (VAR I = 0; i <= 10; I + +)
(
document.write ( "", I);
)
/ / ->
поки

А петля схожа на цикл. Заява працює, як це в той час як вираз у дужках вірно виконати заяви у циклі. Після останньої заяви виконується повернення до початку циклу і оцінювати вираз знову. Коли цей вираз до помилкових наступному рядку коду після структури при виконанні циклу. Для запобігання зациклення заяві повинні бути включені в цикл, який модифікує змінна у виразі. Ось синтаксис циклу.

While (вираз)
(
заяву;
)

Ось приклад

<script language="JavaScript">
<! --
VAR I = 0;
While (I <= 10)
(
document.write ( "", I);
I + +;
)
/ / ->
</ Script>

що дає наступні результати

<! --
VAR I = 0;
While (I <= 10)
(
document.write ( "", I);
I + +;
)
/ / ->
робити, поки

Цей цикл є просто варіантом циклу. Важливою відмінністю є те, що цикл буде завжди оцінку одного разу обчислення виразу в перший раз. Ось синтаксис.

робити
(
заяву;
)
While (вираз);

Обчислюється один раз цикл виконав вперше вираз в дужках. Якщо це правда, петля виконується заново. Якщо це помилкове найближчих рядок коду після виконання в той час як структура. Заява повинна бути включена в цикл, який модифікує мінлива у виразі для запобігання зациклення.

Ось приклад вище модифіковані для використання робити ... а петля

<script language="JavaScript">
<! --
VAR I = 0;
робити
(
document.write ( "", I);
I + +;
)
While (I <= 10);
/ / ->
</ Script>

І ось результат ще раз
<! --
VAR I = 0;
робити
(
document.write ( "", I);
I + +;
)
While (I <= 10);
/ / ->

за .. в

Це не те ж саме на петлю. Для ... в циклі використовується для надання доступу до перерахованих властивостей об'єкта JavaScript. Цей цикл можна знайти тільки в JavaScript. Заява в циклі виконуються для кожного властивості об'єкта, поки кожен власності зверталися. Синтаксис виглядає наступним чином

для (змінної в об'єкті)
(
заяву;
)

Ось приклад, який звертається до всіх властивостей об'єкта документа

<script language="JavaScript">
<! --
VAR I;
Для (I в документі)
(
document.write ( "", I);
)
/ / ->
</ Script>

і ось результат
<! --
VAR I;
Для (I в документі)
(
document.write ( "", I);
)
/ / ->

Перерва / Продовжити

Проба використовується для припиняє виконання самого внутрішнього циклу і що вміщають від JavaScript 1.2 і далі, ви можете також назва циклу.

брейк;
Перерва Label;

Продовжити перезапуск внутрішньої петлі або з JavaScript 1.2 року може фактично перезавантажити їм петлю.

продовжувати;
продовжувати Label;