- •Как вставить сценарий на языке JavaScript
- •Где вставить сценарий на языке JavaScript
- •Переменные в JavaScript
- •Оператор If...Else в JavaScript
- •Операторы в JavaScript Арифметические операторы
- •Операторы присваивания
- •Операторы сравнения
- •Логические операторы
- •Условные операторы
- •Всплывающие окна JavaScript
- •Фукнции в JavaScript
- •Циклы в JavaScript
- •Прерывание (Break) и продолжение (Continue) в JavaScript
Как вставить сценарий на языке JavaScript
В HTML тэг <script> используется для вставки JavaScript-сценариев в HTML-страницу.
Вывод текста Как вывести на станице текст.
<html> <body> <script type="text/javascript"> document.write("Привет!") </script> </body> </html>
Вывод форматированного текста Как вывести на странице текст с тегами HTML.
<html> <body> <script type="text/javascript"> document.write("<h1>Добро пожаловать!</h1>") </script> </body> </html>
Где вставить сценарий на языке JavaScript
Сценарии на JavaScripts в разделе BODY будут выполняться ПОКА ЗАГРУЖАЕТСЯ страница. Сценарии на JavaScripts в разделе HEAD будут выполнены ПРИ ВЫЗОВЕ страницы.
Сценарии в разделе HEAD Сценарии содержащие функции располагаются в разделе HEAD HTLM-документа. Таким образом, можно быть уверенным, что сценарии уже загружены к моменту вызова функции.
<html> <head> <script type="text/javascript"> function message() { alert("Это окно-предупреждение вызывается событием onload") } </script> </head> <body onload="message()"> </body> </html>
Сценарии в разделе BODY Выполняются сценарий, расположенный в разделе BODY.
<html> <head> </head> <body> <script type="text/javascript"> document.write("Это сообщение выводится во время загрузки страницы") </script> </body> </html>
Внешние сценарии Как сделать доступным внешний сценарий.
<html> <head> </head> <body> <script src="xxx.js"> </script> <p>Рабочий сценарий находится во внешнем файле сценариев "xxx.js".</p> </body> </html>
Переменные в JavaScript
Переменная является "контейнером" для хранения данных.
Переменная Переменные используются для хранения данных. Пример демонстрирует как.
<html> <body> <script type="text/javascript"> var name = "Hege" document.write(name) document.write("<h1>"+name+"</h1>") </script> <p>В этом примере переменная объявляется, инициализируется (приписывается значение) и выводится на экран.</p> <p>Далее переменная выводится еще раз, но в качестве заголовка.</p> </body> </html>
Оператор If...Else в JavaScript
Условные операторы в JavaScript используются для выполнения различных действий в зависимости от различных условий.
If оператор Использование оператора IF.
Синтаксис:
if (условие) { код, выполняемый если условие истинно }
<html> <body> <script type="text/javascript"> var d = new Date() var time = d.getHours() if (time < 10) { document.write("<b>Доброе утро!</b>") } </script> <p>Пример демонстрирует оператор If.</p> <p>Если время на вашем компьютере ранее 10 часов, вы получите приветствие "Доброе утро!".</p> </body> </html>
If...else оператор Использование оператора IF...ELSE.
Синтаксис:
if (условие) { код, выполняемый если условие истинно } else { код, выполняемый если условие ложно }
<html> <body> <script type="text/javascript"> var d = new Date() var time = d.getHours() if (time < 10) { document.write("<b>Доброе утро!</b>") } else { document.write("<b>Добрый день!</b>") } </script> <p>Пример демонстрирует оператор If...Else.</p> <p>Если время на вашем компьютере ранее 10 часов, вы получите приветствие "Доброе утро!". В противном случае приветствие" Добрый день!".</p> </body> </html>
If..elseif...else оператор Использование оператора IF..ELSE IF...ELSE.
Синтаксис:
if (условие1) { код, выполняемый если условие1 истинно } else if (условие2) { код, выполняемый если условие2 истинно } else { код, выполняемый если условие1 и условие2 ложны }
<html> <body> <script type="text/javascript"> var d = new Date() var time = d.getHours() if (time<10) { document.write("<b>Доброе утро!</b>") } else if (time>10 && time<16) { document.write("<b>Добрый день!</b>") } else { document.write("<b>Привет!</b>") } </script> <p>Пример демонстрирует оператор if..else if...else.</p> </body> </html>
Случайная ссылка Этот пример демонстрирует случайную ссылку, когда вы кликаете на ссылке происходит переход или на www.w3schools.com или на www.microsoft.ru. Выбор ссылки происходит с вероятностью 50% для каждой.
<html> <body> <script type="text/javascript"> var r=Math.random() if (r>0.5) { document.write("<a href='http://www.w3schools.com'>Учитесь Web программированию!</a>") } else { document.write("<a href='http://www.microsoft.ru'>Узнай больше о Microsoft!</a>") } </script> </body> </html>
JavaScript Switch Statement
Условный оператор в JavaScript используемый для выполнения различных действий в зависимости от различных условий.
Switch оператор Использование оператора SWITCH.
Синтаксис:
switch(n) { case 1: выполнение блока кода 1 break case 2: выполнение блока кода 2 break default: выполнение блока кода если n отличается от case 1 and 2 }
<html> <body> <script type="text/javascript"> var d = new Date() theDay=d.getDay() switch (theDay) { case 5: document.write("<b>Наконец пятница!</b>") break case 6: document.write("<b>Ура, суббота!</b>") break case 0: document.write("<b>Отоспимся в воскресенье</b>") break default: document.write("<b>I'm really looking forward to this weekend!</b>") } </script> <p>Это сценарий JavaScript генерирует различные приветствия в зависимости от дня недели. Замечание Воскресенье=0, Понедельник=1, Вторник=2 и т.д.</p> </body> </html>