[Содержание] [Предыдущая] [Следующая] [Индекс]

onLoad

Выполняет код JavaScript, когда происходит событие загрузки; то есть когда браузер заканчивает загружать окно или все кадры внутри тэга FRAMESET.

Обработчик события для объектов Image, Layer, Window
Реализовано в Navigator 2.0
Navigator 3.0: обработчик события для Image

Синтаксис

onLoad="handlerText"

<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"
   onLoad=displayAlert(this)><BR>

Пример 3: Циклическая GIF анимация. Следующий пример показывает изображение, birdie.gif, которое является циклической GIF анимацией. Обработчик события onLoad для изображения увеличивает переменную cycles, которая следит за числом циклов анимации. Чтобы увидеть значение cycles, пользователь нажимает кнопку, помеченную Счетчик Циклов.

<SCRIPT>
var cycles=0
</SCRIPT>
<IMG ALIGN="top" SRC="birdie.gif" BORDER=0
   onLoad="++cycles">
<INPUT TYPE="button" VALUE="Count Loops"
   onClick="alert('Мультипликация прокручена ' + cycles + ' раз.')">

Пример 4: Изменяет отображаемую GIF анимацию. Следующий пример использует обработчик события onLoad, чтобы по кругу отображать шесть GIF анимаций. Каждая анимация отображается последовательно в одном объекте Image. Когда документ загружен, !anim0.html отображается. Когда анимация завершается, обработчик события onLoad вызывает следующий файл, !anim1.html, загружая вместо первого файла. После завершения последней анимации, !anim5.html, снова отображается первый файл. Обратите внимание, что функция changeAnimation не вызывается собой после изменения свойства src объекта Image. Это потому что, когда свойство src изменяется, обработчик события onLoad изображения вызывается и вызывает функцию changeAnimation.

<SCRIPT>
var whichImage=0
var maxImages=5

function 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

Обработчик события для объектов	`Image`, `Layer`, `Window`
Реализовано в	Navigator 2.0 Navigator 3.0: обработчик события для `Image`

type	Указывает тип события.
target	Указывает объект, которому событие было первоначально послано.
width, height	Для события в окне, но не в уровне, они представляют ширину и высоту окна.

onLoad

Синтаксис

Параметры

Описание

Используемые свойства события

Примеры

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