JavaScript - Урок 2. Где размещать javascript-код

JavaScript - Урок 2. Где размещать javascript-код

Javascript-код может быть размещен как на самой странице, так и во внешнем файле.

Javascript-код на странице

Сценарии, написанные на языке javascript, могут располагаться на самой html-странице между тегами < script> < /script> , которые в свою очередь обычно находятся в тегах < head> < /head> . У тега < script> должен быть указан параметр language, который и указывает язык написания скрипта:

< html> < head> < title> Заголовок документа< /title> < link rel=" stylesheet" type=" text/css" href=" style.css" > < script language=" javascript" > < /script> < /head> < body>   < /body> < /html>

Теоретически теги < script> < /script> могут располагаться и в теле документа (в тегах < body> < /body> ). Выполняться такой сценарий будет тогда, когда браузер " дочитает" страницу до этого места (до тегов < script> < /script> ). Использовать такой способ сейчас не принято.

Javascript-код во внешнем файле

Создайте в блокноте страницу (пока пустую) и сохраните ее как script.js в ту же папку, где лежит html-страница:

 

Это будет наша страница с javascript-кодом. Теперь нам надо подключить страницу script.js к html-странице. Для этого, как вы помните, в html существует тег < script> , который и отвечает за подключение внешних файлов скриптов (html - урок 2). Добавим этот тег в html-страницу:

< html> < head> < title> Заголовок документа< /title> < link rel=" stylesheet" type=" text/css" href=" style.css" > < script type=" text/javascript" src=" script.js" > < /script> < /head> < body> < /body> < /html>

JavaScript - Урок 10. Циклы for и while

Циклы позволяют выполнять один и тот же код много раз и используются они очень часто.

Цикл for

Самый популярный вид циклов - цикл for. Синтаксис у него следующий:

for (A; B; I){S}

где
A - первоначальное выражение,
B - условие продолжения. Если это выражение ложно, то выполнение цикла завершается,
I - выражение инкремента,
{} - тело цикла,
S - операторы.

Как всегда, на примере будет понятнее. Предположим, мы хотим написать сценарий, который будет складывать все числа от a до b, (где a и b будут вводиться пользователем) и отображать полученный результат.

Итак, на html-странице мы будем иметь следующий код:

< html>    < head>        < title> javascript for< /title>        < link rel=" stylesheet" type=" text/css" href=" style.css" >        < script type=" text/javascript" src=" script.js" > < /script>    < /head>    < body>        < form name=" forma7" >            Вас интересует сумма всех чисел           от < input type=" text" name=" a1" size=" 5" maxlength=" 5" >            до < input type=" text" name=" a2" size=" 5" maxlength=" 5" >            < input type=" button" value=" Вычислить" onclick=" summa(forma7); " > < br>            Сумма равна < input type=" text" name=" result" size=" 10" maxlength=" 10" >        < /form>    < /body> < /html>

Выглядеть она будет так:

 

Вас интересует сумма всех чисел от до
Сумма равна

Осталось на странице script.js написать саму функцию summa():

function summa(obj) { var summa=0; var a1=1*obj.a1.value; var a2=1*obj.a2.value; for (var i = a1; i < = a2; i++) { summa+=i; } obj.result.value = summa; }

Из нового здесь только сам цикл, разберемся, как он работает:

параметру цикла i присваивается значение a1, т.е. число, которое указал пользователь в текстовом поле ОТ и тело цикла (в фигурных скобках) выполняется с этим значением, т.е. в переменную summa записывается значение равное a1.

После этого вычисляется выражение i++, т.е. значение i увеличивается на 1.

Затем javascript проверяет условие i < = a2 и, если оно истинно, тело цикла выполняется снова, т.е. значение переменной summa увеличивается на само себя плюс 1.

Таким образом, цикл выполняется до тех пор, пока не сложит все числа от a1 до a2.

Когда условие i < = a2 станет ложным, цикл прекратит свою работу, а полученный результат (значение переменнойsumma) будет выведен в поле result.

Обратите внимание, что переменную i можно объявить прямо в цикле - var i = a1

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

function summa(obj) { var summa=0; var a1=1*obj.a1.value; var a2=1*obj.a2.value; if (a2 > a1){ for (var i = a1; i < = a2; i++) {   summa+=i; } obj.result.value = summa; } else alert(" Значение ОТ должно быть меньше значения ДО" ) }

Вот теперь наш цикл будет работать как надо.

Цикл while

Не менее популярный вид циклов - цикл while. Синтаксис у него следующий:

while (B){S}

где
B - условие продолжения. Если это выражение ложно, то выполнение цикла завершается,
{} - тело цикла,
S - операторы.

Иными словами, операторы S, выполняются до тех пор, пока условие B не станет ложным.

Форма регистрации

E-mail:

Password:

Попробуйте ввести e-mail вида " serega@mail" и посмотрите, что будет.

Надо сказать, что составление шаблонов это своего рода искусство. К тому же, одно и то же регулярное выражение можно записать по-разному. Например, /[0-9a-z_]/ - это тоже самое, что и /\w/.

Если хотите потренироваться, то можете усовершенствовать регулярное выражение для проверки e-mail в нашем примере (оно далеко от совершенства).

JavaScript - Урок 2. Где размещать javascript-код

Javascript-код может быть размещен как на самой странице, так и во внешнем файле.

Javascript-код на странице

Сценарии, написанные на языке javascript, могут располагаться на самой html-странице между тегами < script> < /script> , которые в свою очередь обычно находятся в тегах < head> < /head> . У тега < script> должен быть указан параметр language, который и указывает язык написания скрипта:

< html> < head> < title> Заголовок документа< /title> < link rel=" stylesheet" type=" text/css" href=" style.css" > < script language=" javascript" > < /script> < /head> < body>   < /body> < /html>

Теоретически теги < script> < /script> могут располагаться и в теле документа (в тегах < body> < /body> ). Выполняться такой сценарий будет тогда, когда браузер " дочитает" страницу до этого места (до тегов < script> < /script> ). Использовать такой способ сейчас не принято.

Javascript-код во внешнем файле

Создайте в блокноте страницу (пока пустую) и сохраните ее как script.js в ту же папку, где лежит html-страница:

 

Это будет наша страница с javascript-кодом. Теперь нам надо подключить страницу script.js к html-странице. Для этого, как вы помните, в html существует тег < script> , который и отвечает за подключение внешних файлов скриптов (html - урок 2). Добавим этот тег в html-страницу:

12345678910Следующая ⇒

Поделиться: