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

onLoad

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

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

Синтаксис

onLoad="handlerText"

Параметры

handlerText
Код JavaScript или запрос к функции JavaScript.

Описание

Используйте обработчик события onLoad внутри тэга BODY или FRAMESET, например, <BODY onLoad="...">.

В паре FRAMESET и FRAME, событие onLoad внутри кадра (помещенное в тэг BODY) происходит перед событием onLoad внутри FRAMESET (помещенное в тэг FRAMESET).

Для изображений, обработчик события onLoad указывает сценарий, который выполниться, когда изображение отобразится. Не путайте отображение изображения с загрузкой изображения. Вы можете загрузить несколько изображений, затем отобразить их в одном и томже объекте Image, устанавливая свойство src объекта. Если Вы заменяете изображение, отображаемое таким образом, onLoad выполняется каждый раз, когда изображение отображается, не только, когда изображение загружается в память.

Если Вы определяете обработчик события onLoad для объекта Image, который отображает циклическую GIF анимацию (анимационный GIF), каждый цикл анимации вызывает событие 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"
   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


Права © 1997 Netscape Communications Corporation



Все мессаги сюда:yanich@inbox.ru
Hosted by uCoz