JavaScript: Функции
advertisement
JavaScript: Функции.
Функция – это группа операторов,
предназначенных для определенной цели и
объединенных под общим именем.
Функция имеет следующий вид:
Function имяФункции ()
{
Операторы;
}
Что увидим на экране?
<script type=“text/javascript”>
Function yourMessage()
{
Alert(“Ваша первая функция!”);
}
</script>
Самый простой способ
<script type=“text/javascript”>
yourMessage();
Function yourMessage()
{
Alert(“Ваша первая функция!”);
}
</script>
События
JavaScript – язык, управляемый событиями.
Открытие новой страницы в браузере,
перемещение курсора, щелчок мыши – это
все события.
Событие
onLoad
onClick
onMouseover
Событие
происходящее
при полной
загрузке
страницы. Такое
событие
используют, когда
необходимо,
чтобы функция
выполнялась
сразу после
открытия
страницы.
Событие
происходит после
щелчка мыши в
определенном
месте страницы
(гиперссылки,
изображения,
кнопки и пр.)
Событие
происходит как
onClick, но только
не после щелчка
мыши, а после
наведения на
определенном
месте страницы.
onMouseout
Использование onLoad
<html>
<head>
<script type=“text/javascript”>
yourMessage();
Function yourMessage()
{
Alert(“Ваша первая функция!”);
}
</script>
</head>
<body onLoad=“yourMessage()”>
</body>
</html>
Использование onClick
<html>
<head>
<script type=“text/javascript”>
yourMessage();
Function yourMessage()
{
Alert(“Ваша первая функция!”);
}
</script>
</head>
<body onClick=“yourMessage()”>
</body>
</html>
Использование onClick
<html>
<head>
<script type=“text/javascript”>
yourMessage();
Function yourMessage()
{
Alert(“Ваша первая функция!”);
}
</script>
</head>
<body>
<a href=http://www.yandex.ru onClick=“yourMessage()”> Яндекс </a>
</body>
</html>
Использование onMouseover
<html>
<head>
<script type=“text/javascript”>
yourMessage();
Function yourMessage()
{
Alert(“Ваша первая функция!”);
}
</script>
</head>
<body>
<a href=http://www.yandex.ru onMouseover=“yourMessage()”> Яндекс </a>
</body>
</html>
Задание
1)Переделайте функцию так, чтобы она
срабатывала, когда Вы убираете курсор от
ссылки.
2)Создать сценарий, в котором функцию на
выполнение запускает другая функция.
