FRAMESET
.
Обработчик события для объектов |
Image , Layer , Window
|
Реализовано в |
Navigator 2.0 Navigator 3.0: обработчик события для Image
|
Синтаксис
onLoad="handlerText"
Параметры
| Код JavaScript или запрос к функции JavaScript. |
Описание
Используйте обработчик события onLoad
внутри тэга BODY
или FRAMESET
, например, <BODY onLoad="...">
.
Вы можете использовать обработчик события onLoad
, чтобы создать анимацию JavaScript, многократно устанавливая свойство src
объекта Image
. Смотрите Image
для информации.
type | Указывает тип события. |
target | Указывает объект, которому событие было первоначально послано. |
width, height | Для события в окне, но не в уровне, они представляют ширину и высоту окна. |
Примеры
Пример 1: Отображает сообщение, когда страница загружена. В следующем примере, обработчик события onLoad показывает сообщение приветствия после того, как Web страница загружена.
<BODY onLoad="window.alert("Добро пожаловать на домашнюю страницу Brave New World!")>
Пример 2: Отображает alert, когда изображение загружено. Следующий пример создает два объекта Image
, один конструктором Image
и один тэгом IMG
. Каждый объект Image
имеет обработчик события onLoad
, которые вызывает функцию displayAlert
, которая показывает alert. Для изображения, созданного тэгом IMG
, alert показывает имя изображения. Для изображения, созданного конструктором Image
, alert показывает сообщение без имени изображения. Это потому что обработчик onLoad для объекта, созданного конструктором Image
, должен быть именем функции, и не может определить параметры для функции displayAlert
.
<SCRIPT>
imageA = new Image(50,50)
imageA.onload=displayAlert
imageA.src="cyanball.gif"function displayAlert(theImage) {
if (theImage==null) {
alert('Изображение загружено')
}
else alert(theImage.name + ' будет загружено.')
}
</SCRIPT><IMG NAME="imageB" SRC="greenball.gif" ALIGN="top"
Пример 3: Циклическая GIF анимация. Следующий пример показывает изображение,
onLoad=displayAlert(this)><BR>birdie.gif
, которое является циклической GIF анимацией. Обработчик события onLoad для изображения увеличивает переменную cycles
, которая следит за числом циклов анимации. Чтобы увидеть значение cycles
, пользователь нажимает кнопку, помеченную Счетчик Циклов.
<SCRIPT>
Пример 4: Изменяет отображаемую GIF анимацию. Следующий пример использует обработчик события onLoad, чтобы по кругу отображать шесть GIF анимаций. Каждая анимация отображается последовательно в одном объекте
var cycles=0
</SCRIPT>
<IMG ALIGN="top" SRC="birdie.gif" BORDER=0
onLoad="++cycles">
<INPUT TYPE="button" VALUE="Count Loops"
onClick="alert('Мультипликация прокручена ' + cycles + ' раз.')">Image
. Когда документ загружен, !anim0.html
отображается. Когда анимация завершается, обработчик события onLoad вызывает следующий файл, !anim1.html
, загружая вместо первого файла. После завершения последней анимации, !anim5.html
, снова отображается первый файл. Обратите внимание, что функция changeAnimation
не вызывается собой после изменения свойства src
объекта Image
. Это потому что, когда свойство src
изменяется, обработчик события onLoad
изображения вызывается и вызывает функцию changeAnimation
.
<SCRIPT>
var whichImage=0
var maxImages=5function changeAnimation(theImage) {
++whichImage
if (whichImage <= maxImages) {
var imageName="!anim" + whichImage + ".gif"
theImage.src=imageName
} else {
whichImage=-1
return
}
}
</SCRIPT><IMG NAME="changingAnimation" SRC="!anim0.gif" BORDER=0 ALIGN="top"
Смотрите так же примеры для
onLoad="changeAnimation(this)">Image
.
Смотрите также
onAbort
, onError
, onUnload
Для общей информации об обработчиках событий, смотрите "Общая Информация о Событиях".
Для информации об объекте event
, смотрите event
.
Последняя Модификация: 10/31/97 16:34:02
Все мессаги сюда:yanich@inbox.ru |