Функции и условия if-else в JavaScript

Страница 1 из 1
1

Fragener

Дата: Четверг, 08.03.2012, 23:19 | Сообщение # 1

Группа: Администраторы

Сообщений: 56

Статус: Offline

Функции и условия if-else в JavaScript

Часто при использовании JavaScript возникает необходимость выполнить разные действия при выполнении разных условий.

К примеру, вы написали скрипт, который проверяет, каким браузером пользуется посетитель, зашедший на ваш сайт. Если это Internet Explorer, должна быть загружена страница специально разработанная под IE, если это какой либо другой браузер - должен быть загружен другой вариант данной страницы.

Общий синтаксис конструкции if-else следующий:

Code

if (условие)
{
действие
}
else
{
действие2
};

В качестве примера можно рассмотреть такой код:

Code

if (browser=="MSIE")
{
alert("Вы используете IE")
}
else
{
alert("Вы используете не IE")
};

Заметьте, что используются все строчные буквы. Если написать "IF", произойдет ошибка.

Также обратите внимание на то, что для сравнения используется двойной знак равенства (==).

Если же мы напишем browser="MSIE", то мы просто присвоим значение MSIE переменной с именем browser.

Когда мы пишем browser=="MSIE", то JavaScript "понимает", что мы хотим произвести сравнение, а не присвоить значение.

Более сложные условия if можно создавать просто добавляя их, например, в часть else уже существующей конструкции if-else:

Code

if (условие)
{
  действие1
}
else
{
  if (другое условие)
  {
   действие2
  }
  else
  {
   действие3
  };
};

Например:

Code

if (browser=="MSIE")
{
  alert("Вы используете IE")
}
else
{
  if (browser=="Netscape")
  {
   alert("Вы используете Firefox")
  }
  else
  {
   alert("Вы используете неопознанный браузер:)")
  };
};

Логические операторы AND, OR и NOT

Для еще более гибкого использования конструкции if-else можно применять так называемые логические операторы.

And записывается как && и используется в тех случаях, когда нужно проверить на истинность более одного условия.

К примеру: Если в холодильнике есть яйца и в холодильнике есть бекон, то мы можем съесть яйца с беконом.

Синтаксис следующий:

Code

if (условие1 && условие2)
{
действие
}

if (час==12 && минута==0)
{
alert("Полдень!")
};

Or записывается как || и используется тогда, когда мы хотим проверить на истинность хотя бы одно из двух и более условий. (Получить || можно при зажатой клавише shift и клавише \)

К примеру: Если в холодильнике есть молоко, или в холодильнике есть вода, то нам есть, что попить.

Синтаксис следующий:

Code

if (условие1 || условие2)
{
действие
}

if (час==11 || час==10)
{
alert("Полдень пока еще не наступил!")
};

Not записывается как ! и используется для отрицания.

К примеру: Если в холодильнике или нет яиц, или нет бекона, то мы не можем съесть или яйца, или бекон.

Синтаксис такой:

Code

if (!(условие))
{
действие
}

if (!(час==11))

{
alert("Сейчас не 11 часов")
};

Функции в JavaScript

Вместо того, чтобы просто добавлять Javascript на страницу, чтобы браузер выполнял код, когда дойдет до него, вы можете сделать так, чтобы выполнение скрипта происходило только при происхождении какого-либо события.

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

Чтобы браузер не выполнял скрипт при его загрузке, нужно написать скрипт как функцию.

В этом случае JavaScript-код не будет выполнятся до тех пор, пока мы не "попросим" его об этом особым образом.

Посмотрите на данный пример скрипта, написанного как функция:

Code

<html>
<head>
<script>
function myfunction()
{
alert("Добро пожаловать!");
}
</script>
</head>

<body>
<form name="myform">
<input type="button" value="Нажми меня!" onclick="myfunction()">
</form>
</body>
</html>

Если бы строка alert("Добро пожаловать!"); была бы написана не внутри функции, то она выполнялась бы всякий раз, когда браузер доходил бы до этой строки. Но так как мы написали ее внутри функции, эта строка не выполняется до тех пор, пока мы не нажмем кнопку.

Вызов функции (т.е. обращение к ней) происходит в данной строке:

Code

Как вы видите, мы поместили кнопку в форму и добавили событие onClick="myfunction()" для кнопки.

В будущих уроках мы с вами рассмотрим другие типы событий, которые производят запуск функций.

Общий синтаксис для функций следующий:

Code

function functionname(переменная1, переменная2,..., переменнаяN)
{
// Здесь идет тело функции, те действия, которые она выполняет
}

Фигурные скобки: { и } обозначают начало и окончание функции.

Типичной ошибкой при создании функций является невнимательность и игнорирование важности регистра символов. Слово function должно быть именно function. Вариант Function или FUNCTION вызовет ошибку.

Кроме того, использование заглавных букв играет роль и при задании имен переменных. Если у вас есть функция с именем myfunction(), то попытка обратиться к ней, как к Myfunction(), MYFUNCTION() или MyFunction() вызовет ошибку.

jeyrbrrdb

Дата: Воскресенье, 20.10.2013, 15:40 | Сообщение # 2

Группа: Гости

Срочно требуются региональные представители, для продвижения НАСТОЯЩЕГО "КОФЕ ПО ТУРЕЦКИ". Интересуют все регионы бывшего СССР. Запишитесь на собеседование на странице: http://er-info.com/wpp/sobe/ В течении суток с вами свяжутся из Отдела Кадров.

showbizneszya

Дата: Четверг, 24.10.2013, 17:01 | Сообщение # 3

Группа: Гости

<font color=color_url><font color=color_url>[color=color_url - У меня у одного такие проблемы? Короче жена достала своим этим домом 2, это какая то паранойя, смотрит и смотрит, что я только не делал, просил её подруг поговорить с ней, настроить её, чтоб не смотрела дом 2, но безрезультатно. Лучше бы жена курила, чем домом 2 меня добивает просто, меня он бесит до бешенства. Нравился мне на доме 2 один парнишка, сайт его нашел даже; http://zazvezdilsa.ru/news/more/foto-zvezd.html - ссылка [color=color_url - но только он один, остальные так раздражают, что когда жена это шоу смотрит. Я закрываюсь в другой комнате, мои уговоры не помогают, подруги не смогли её уговорить, чтоб его не смотрела, что делать? У меня нервный срыв, успокойте меня, я один здесь с такой женой? Что мне делать, скандалы в семье из за этого шоу усилились, чувствую скоро дело до развода дойдет.

DwightBymn

Дата: Четверг, 06.02.2014, 13:18 | Сообщение # 4

Группа: Гости

canadian pharmacy generic viagra <a href=http://dstvmediasales.com/sitemap.php?farm=propecia-liver-saw-palmetto>propecia liver saw palmetto</a> is it legal to buy viagra online http://dstvmediasales.com/sitemap.php?farm=kamagra-experience - kamagra experience priligy in the us http://dstvmediasales.com/sitemap.php?farm=cost-of-levitra-20-mg - cost of levitra 20 mg propecia testimonials

DwightBymn

Дата: Пятница, 14.02.2014, 22:42 | Сообщение # 5

Группа: Гости

4rx priligy <a href=http://www.rwuk.org/?product=cheap-levitra-online-uk>cheap levitra online uk</a> cialis and vision problems http://www.rwuk.org/?product=viagra-sildenafil - viagra sildenafil soft tabs cialis http://www.rwuk.org/?product=kamagra-100mg-oral-jelly - kamagra 100mg oral jelly non-prescription cialis

Добавлено (14.02.2014, 22:42)
---------------------------------------------
4rx priligy <a href=http://www.rwuk.org/?product=cheap-levitra-online-uk>cheap levitra online uk</a> cialis and vision problems http://www.rwuk.org/?product=viagra-sildenafil - viagra sildenafil soft tabs cialis http://www.rwuk.org/?product=kamagra-100mg-oral-jelly - kamagra 100mg oral jelly non-prescription cialis

Функции и условия if-else в JavaScript

Страница 1 из 1
1