- •Как вставить сценарий на языке JavaScript
- •Где вставить сценарий на языке JavaScript
- •Переменные в JavaScript
- •Оператор If...Else в JavaScript
- •Операторы в JavaScript Арифметические операторы
- •Операторы присваивания
- •Операторы сравнения
- •Логические операторы
- •Условные операторы
- •Всплывающие окна JavaScript
- •Фукнции в JavaScript
- •Циклы в JavaScript
- •Прерывание (Break) и продолжение (Continue) в JavaScript
Фукнции в JavaScript
Функция это многократно используемый блок кода. Функция исполняется когда происходит некое событие или вызывается функция.
Функция Вызов функции.
Синтаксис:
function functionname() { код }
<html> <head> <script type="text/javascript"> function myfunction() { alert("Привет!") } </script> </head> <body> <form> <input type="button" onclick="myfunction()" value="Вызов функции"> </form> <p>Функция вызывается при нажатии кнопки. Функция выводит окно-предупреждение.</p> </body> </html>
Функция с аргументами Передача переменной функции и ее использование в функции.
Синтаксис:
function functionname(var1,var2,...,varX) { код }
<html> <head> <script type="text/javascript"> function myfunction(txt) { alert(txt) } </script> </head> <body> <form> <input type="button" onclick="myfunction('Привет')" value="Вызов функции"> </form> <p>При нажатии кнопки вызывается функция с аргументами. Функция выводит окно-предупреждение с передаваемым аргументом.</p> </body> </html>
Функция с аргументами 2 Передача переменных функции и их использование в функции.
<html> <head> <script type="text/javascript"> function myfunction(txt) { alert(txt) } </script> </head> <body> <form> <input type="button" onclick="myfunction('Доброе утро!')" value="Утром"> <input type="button" onclick="myfunction('Добрый вечер!')" value="Вечером"> </form> <p>При щелчке мышью на одной из кнопок вызывается функция. Функция выводит окно-предупреждение с передаваемым аргументом.</p> </body> </html>
Функция, которая возвращает значение Как создать функцию, возвращающую значение.
Синтаксис:
function functionname(var1,var2,...,varX) { returnvalue=… return returnvalue }
<html> <head> <script type="text/javascript"> function myFunction() { return ("Привет! Чудесный день!") } </script> </head> <body> <script type="text/javascript"> document.write(myFunction()) </script> <p>Сценарий в разделе BODY вызывает функцию.</p> <p>Функция возвращает текст.</p> </body> </html>
Функция с аргументами, возвращающая значение Как создать функцию вычисляющую сумму двух аргументов и возвращающую результат.
<html> <head> <script type="text/javascript"> function total(a,b) { return a*b } </script> </head> <body> <script type="text/javascript"> document.write(total(4,3)) </script> <p>Сценарий в разделе вызывает функцию с двумя аргументами (4 и 3).</p> <p>Функция возвращает произведение этих двух аргументов.</p> </body> </html>
Циклы в JavaScript
Циклы в JavaScript используются для выполнения одного и того же блока кода или заданное количество раз или пока выполняется определенное условие.
For цикл Создание цикла FOR. Цикл FOR используется, когда нужно выполнить блок кода заданное количество раз.
Синтаксис:
for (var=startvalue;var<=endvalue;var=var+increment) { исполняемый код }
<html> <body> <script type="text/javascript"> for (i = 0; i <= 5; i++) { document.write("Число " + i) document.write("<br>") } </script> <p>Пояснения:</p> <p>Цикл начинается с i=0.</p> <p>До тех пор пока <b>i</b> меньше чем, или равно 5, цикл продолжает выполняться.</p> <p><b>i</b> увеличивается на 1 при каждом проходе цикла.</p> </body> </html>
Циклический перебор HTML заголовков How to use the for loop to loop through the different HTML headers.
<html> <body> <script type="text/javascript"> for (i = 1; i <= 6; i++) { document.write("<h" + i + ">Это заголовок " + i) document.write("</h" + i + ">") } </script> </body> </html>
While цикл Создание цикла WHILE. Используйте цикл WHILE, когда нужно выполнить блок кода пока выполняется определенное условие.
Синтаксис:
while (var<=endvalue) { исполняемый код }
<html> <body> <script type="text/javascript"> i = 0 while (i <= 5) { document.write("The number is " + i) document.write("<br>") i++ } </script> <p>Пояснения:</p> <p><b>i</b> равен 0.</p> <p>Пока <b>i</b> менее или равен 5, цикл продолжает выполняться.</p> <p><b>i</b> будет увеличиваться на 1 при каждом проходе цикла.</p> </body> </html>
Do while цикл Как создать цикл DO...WHILE. Используется DO...WHILE цикл для выполнения блока кода пока выполняется определенное условие. Этот цикл выполняется хотя бы один раз, даже если условие ложно, поскольку операторы выполняются прежде чем проверяется истинность условия.
Синтаксис:
do { исполняемый код } while (var<=endvalue)
<html> <body> <script type="text/javascript"> i = 0 do { document.write("Число " + i) document.write("<br>") i++ } while (i <= 5) </script> <p>Пояснения:</p> <p><b>i</b> равно 0.</p> <p>Цикл выполняется.</p> <p><b>i</b> будет увеличиваться на 1 при каждом проходе цикла.</p> <p>Пока <b>i</b> меньше чем или равно 5, цикл будет продолжать выполняться.</p> </body> </html>