Разработка магазинов с гарантией попадания в ТОП поисковых систем

Узнать подробнее

Javascript Return()

Оператор Javascript Return() позволяет функциям возвращать результат своей работы в виде некоторой переменной, которая может быть использована в теле основной программы.

Javascript Return() — возвращаем значение.

Данный оператор позволяет функции возвращать результат своей работы обратно в основную программу. Рассмотрим пример:

<FORM>
<INPUT TYPE=submit VALUE=Submit onClick=»return false;»>
</FORM>

Данный пример отправляет данные, полученные из формы на обработку, но несмотря на это, возвращает браузеру ошибку, что позволяет незаметно для пользователя отправить данные на сервер. Данный пример использования оператора Javascript Return() может показаться не совсем привычным, поэтому предлагаю вам посмотреть еще один пример:

<script>
function ex5()
{
f = document.f0.f1.value;
window.alert(‘введенное число равно ‘+f+’. Увеличиваем число на 10′);
f = Number(f) + Number(10);
return f;
}
function ex6()
{
document.f0.f1.value=ex5();
}
</script>
<form name=»f0″>
<input type=»text» name=»f1″ value=»введите число»>
<input type=»sumbit» value=»проверить»
onclick=»ex5(); return false;»>
</form>

Данный пример прекрасно показывает принцип работы оператора Javascript Return(). Здесь мы с вами задаем две пользовательские функции: ex5() и ex6(). Причем функция ex5() вызывается из функции ex6().

Мы создаем простую форму, состоящую из поля ввода и кнопки submit. Как только пользователь вводит в поле для ввода число и нажимает на кнопку — управление передается в функцию ex6(), при помощи обработчика OnClick. Внутри функции ex6() находится одна единственная строка кода:

document.f0.f1.value=ex5();

которая означает, что в качестве значения поля ввода нашей формы будет подставлен результат работы функцииex5(). В момент упоминания функции ex5() — начинается ее обработка. Данная функция извлекает число, введенное пользователем в поле ввода и увеличивает его на 10. Как только число было увеличено оно возвращается при помощи оператора возврата — Javascript Return(). Т. к. функция, увеличивающая число была вызвана изнутри функции ex6() — подстановка будет совершенна в строке:

document.f0.f1.value=ex5();

в месте непосредственного вызова функции и таким образом результат работы функции ex5() станет новым значением для поля ввода.

Также стоит заметить, что строка return false; используется во избежание перезагрузки страницы.