Размещение JavaScript на HTML-странице

Код скрипта JavaScript располагается конкретно на HTML-странице. Чтоб узреть, как делается, давайте разглядим последующий обычной пример:





Это обыденный HTML документ.



document.write("А это JavaScript!")



Вновь документ HTML.

С первого взора пример припоминает обыденный файл HTML. Единственное новаторство тут - конструкция:


document.write("А это JavaScript!")

Чтоб созидать, как Размещение JavaScript на HTML-странице этот скрипт работает, запишите данный пример как обыденный файл HTML и загрузите его в браузер, имеющий поддерку языка JavaScript. В итоге Вы получите 3 строчки текста:

Это обыденный HTML документ.
А это JavaScript!
Вновь документ HTML.

Все, что стоит меж тэгами и , интерпретируется как код на языке JavaScript. Тут Вы также видите Размещение JavaScript на HTML-странице пример использования аннотации document.write() - одной из более принципиальных команд, применяемых при программировании на языке JavaScript. Команда document.write() употребляется, когда нужно что-либо написать в текущем документе (в этом случае таком является наш HTML-документ).

Действия

Действия и обработчики событий являются очень принципиальной частью для программирования на языке Размещение JavaScript на HTML-странице JavaScript. Действия, приемущественно, инициируются теми либо другими действиями юзера. Если он щелкает по некой кнопке, происходит событие "Click". Если указатель мыши пересекает какую-либо ссылку гипертекста - происходит событие MouseOver. Существует несколько разных типов событий. Мы можем вынудить нашу JavaScript-программу реагировать на некие из их. И это может Размещение JavaScript на HTML-странице быть выполнено при помощи особых программ обработки событий. Так, в итоге щелчка по кнопке может создаваться выпадающее окно. Это значит, что создание окна должно быть реакцией на событие щелка - Click. Программка - обработчик событий, которую мы должны использовать в этом случае, именуется onClick. И она докладывает компу, что необходимо делать, если произойдет Размещение JavaScript на HTML-странице данное событие. Приведенный ниже код представляет обычный пример программки обработки действия onClick:



Мы создаем некоторую форму с кнопкой. 1-ая новенькая особенность - onClick="alert('Yo')" в тэге . Если имеет место событие Click, должен выполниться вызов alert('Yo'). Это и есть пример кода на языке JavaScript (Направьте внимание, что в данном Размещение JavaScript на HTML-странице случае мы даже не пользуемся тэгом ). Функция alert() позволяет Вам создавать выпадающие окна. При ее вызове Вы должны в скобках задать некоторую строчку. В нашем случае это 'Yo'. И это как раз будет тот текст, что появится в выпадающем окне. Таким макаром, когда читатель когда щелкает на Размещение JavaScript на HTML-странице кнопке, наш скрипт делает окно, содержащее текст 'Yo'.

Функции

Почти всегда функции представляют собой только метод связать вкупе нескольких команд. Давайте, например, напишем скрипт, печатающий некоторый текст трижды попорядку. Для начала разглядим обычный подход:





И таковой скрипт напишет последующий текст

Добро пожаловать на мою страничку!
Это JavaScript!
трижды. Если поглядеть на начальный код скрипта, то видно, что для получения нужного результата определенная часть его кода была повторена трижды. Разве это Размещение JavaScript на HTML-странице отлично? Нет, мы можем решить ту же задачку еще лучше:





В этом скрипте мы обусловили некоторую функцию, состоящую из последующих строк:

function myFunction() {
document.write("Добро пожаловать на мою страничку!
");
document Размещение JavaScript на HTML-странице.write("Это JavaScript!
");
}

Все команды скрипта, что находятся снутри фигурных скобок - {} - принадлежат функции myFunction (). Это значит, что обе команды document.write() сейчас связаны воедино и могут быть выполнены при вызове обозначенной функции. И вправду, нашем примере есть три вызова этой функции - Можно узреть, что мы написали строчку myFunction() трижды Размещение JavaScript на HTML-странице сходу после того, как дали определение самой функции. Другими словами как раз и сделали три вызова. В свою очередь, это значит, что содержимое этой функции (команды, обозначенные в фигурных скобках) было выполнено три раза.


razmishleniya-posle-spektaklya.html
razmishlyaem-nad-cennostyami-pop-muziki-ponyatie-kriticheskoe-mishlenie-i-ego-harakteristiki.html
razmishlyaya-nad-rasskazom-ap-chehova-dama-s-sobachkoj-sochinenie.html