Главная | Обратная связь | Поможем написать вашу работу!
МегаЛекции

Пример JavaScript функции




Функция messageWrite() в примере ниже будет выполнена только после нажатия на кнопку.

Обратите внимание: в этом примере используется событие onclick. События JavaScript будут подробно рассмотрены далее в данном учебнике.

Пример

<html>

<head>

<scripttype='text/javascript'>

// Функция выводит текст на страницу

functionmessageWrite(){

document.write('Данный текст был выведен на страницу с помощью JavaScript!');

}

</script>

</head>

<body>

<inputtype='button'value='Нажминаменя'onclick='messageWrite()'/>

</body>

</html>

Попробовать в редакторе

Передача функциям переменных

Вы можете передавать функциям неограниченное количество переменных.

Обратите внимание: все манипуляции над переменными внутри функций на самом деле производятся не над самими переменными а над их копией, поэтому содержимое самих переменных в результате выполнения функций не изменяется.

Пример

/* Зададим функцию, которая прибавляет к переданной переменной 10 и выводит результат на страницу */

function plus(a){

a=a+10;

document.write('Выводфункции: '+ a+'<br />');

}

var a=25;

document.write('Значение переменной до вызова функции: '+a+'<br />');

// Вызовем функцию передав ей в качестве аргумента переменную a

plus(a);

document.write('Значение переменной после вызова функции: '+a+'<br />');

Чтобы обращаться к глобальной переменной из функции, а не ее копии используйте window.имя_переменной.

function plus(a){

window.a=a+10;

}

var a=25;

document.write('Значение переменной до вызова функции: '+a+'<br />');

plus(a);

document.write('Значение переменной после вызова функции: '+a+'<br />');

Команда return

С помощью команды return Вы можете возвращать из функций значения.

Пример

<html>

<head>

<scripttype='text/javascript'>

//Функция sum возвращает сумму переданных в нее переменных

function sum(v1,v2){

return v1+v2;

}

</script>

</head>

<body>

<scripttype='text/javascript'>

document.write('5+6='+ sum(5,6)+'<br />');

document.write('10+4='+ sum(10,4)+'<br />');

</script>

</body>

</html>

Встроенные функции

Помимо определяемых пользователем функций в JavaScript существуют еще и встроенные функции.

К примеру встроенная функция isFinite позволяет проверить является ли переданное значение допустимым числом.

document.write(isFinite(40)+'<br />');

document.write(isFinite(-590)+'<br />');

document.write(isFinite(90.33)+'<br />');

document.write(isFinite(NaN)+'<br />');

document.write(isFinite('Этострока')+'<br />');

Обратите внимание: полный список встроенных функций JavaScript Вы можете найти в нашем JavaScript Справочнике.

Глобальные свойства

Свойство Описание
Infinity Обозначает плюс/минус бесконечность.
NaN Обозначает "Не Число".
undefined Обозначает что переменной не назначено никакое значение.

Глобальные методы

Метод Описание
decodeURI() Декодирует URI.
encodeURI() Кодирует URI.
escape() Кодирует строку.
eval() Анализирует строку и исполняет ее как JavaScript код.
isFinite() Определяет является ли число допустимым.
isNaN() Определяет является ли объект не числом.
Number() Преобразует переданное значение или объект в число.
parseFloat() Позволяет преобразовать строку в число с плавающей точкой.
parseInt() Позволяет преобразовать строку в целое число.
String() Преобразует переданное значение или объект в строку.
unescape() Декодирует закодированную строку.
   

Функция isFinite возвращает значение true, если number имеет любое значение, отличное от NaN, отрицательной бесконечности или положительной бесконечности.В последних трех случаях возвращается значение false.

Метод isNaN пытается преобразовать переданный параметр в число. Если параметр не может быть преобразован, возвращает true, иначе возвращает false.

ПримердляisFinite ()

<html>

<head>

<script type='text/javascript'>

document.write(isFinite(40)+'<br />');

document.write(isFinite(-590)+'<br />');

document.write(isFinite(90.33)+'<br />');

document.write(isFinite(NaN)+'<br />');

document.write(isFinite('Этострока')+'<br />');

</script>

</head>

<body>

</body>

</html>

Поделиться:





Читайте также:





Воспользуйтесь поиском по сайту:



©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...