Reg.ru: домены и хостинг

Крупнейший регистратор и хостинг-провайдер в России.

Более 2 миллионов доменных имен на обслуживании.

Продвижение, почта для домена, решения для бизнеса.

Более 700 тыс. клиентов по всему миру уже сделали свой выбор.

Перейти на сайт->

Бесплатный Курс "Практика HTML5 и CSS3"

Освойте бесплатно пошаговый видеокурс

по основам адаптивной верстки

на HTML5 и CSS3 с полного нуля.

Начать->

Фреймворк Bootstrap: быстрая адаптивная вёрстка

Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.

Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.

Верстайте на заказ и получайте деньги.

Получить в подарок->

Бесплатный курс "Сайт на WordPress"

Хотите освоить CMS WordPress?

Получите уроки по дизайну и верстке сайта на WordPress.

Научитесь работать с темами и нарезать макет.

Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!

Получить в подарок->

*Наведите курсор мыши для приостановки прокрутки.


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

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

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

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

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

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

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

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

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

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

Хостинг

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

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

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

Например:

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

Функции в JavaScript

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

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

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

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

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

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

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

Нажмите на кнопку, чтобы увидеть, что делает данный сценарий:

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

Хостинг

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

<input type="button" value="Нажми меня!" onclick="myfunction()">

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

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

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

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

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

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

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

По материалам www.echoecho.com
Перевод - Дмитрий Науменко

P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще получить важные практические навыки:

Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!


Смотрите также:

PHP: Получение информации об объекте или классе, методах, свойствах и наследовании

PHP: Получение информации об объекте или классе, методах, свойствах и наследовании

CodeIgniter: жив или мертв?

CodeIgniter: жив или мертв?

Функции обратного вызова, анонимные функции и механизм замыканий

Функции обратного вызова, анонимные функции и механизм замыканий

Применение функции к каждому элементу массива

Применение функции к каждому элементу массива

Слияние массивов. Преобразование массива в строку

Слияние массивов. Преобразование массива в строку

Деструктор и копирование объектов с помощью метода __clone()

Деструктор и копирование объектов с помощью метода __clone()

Эволюция веб-разработчика или Почему фреймворк - это хорошо?

Эволюция веб-разработчика или Почему фреймворк - это хорошо?

Магические методы в PHP или методы-перехватчики (сеттеры, геттеры и др.)

Магические методы в PHP или методы-перехватчики (сеттеры, геттеры и др.)

PHP: Удаление элементов массива

PHP: Удаление элементов массива

Ключевое слово final (завершенные классы и методы в PHP)

Ключевое слово final (завершенные классы и методы в PHP)

50 классных сервисов, программ и сайтов для веб-разработчиков

50 классных сервисов, программ и сайтов для веб-разработчиков

Наверх