logo

TechCodeview

ЈаваСцрипт онлоад

У ЈаваСцрипт-у, овај догађај се може применити за покретање одређене функције када је страница у потпуности приказана. Такође се може користити за проверу типа и верзије претраживача посетиоца. Можемо да проверимо које колачиће страница користи помоћу на оптерећење атрибут.

У ХТМЛ-у, онлоад атрибут се покреће када се објекат учита. Сврха овог атрибута је да изврши скрипту када се придружени елемент учита.

У ХТМЛ-у, на оптерећење атрибут се обично користи са елемент за извршавање скрипте када се садржај (укључујући ЦСС датотеке, слике, скрипте, итд.) веб странице потпуно учита. Није неопходно да се користи само са ознаком, јер се може користити са другим ХТМЛ елементима.

Разлика између документ.онлоад и виндов.онлоад је: документ.онлоад активира пре учитавања слика и другог спољног садржаја. Испаљује се пре виндов.онлоад . Док виндов.онлоад активира се када се учита цела страница, укључујући ЦСС датотеке, датотеке скрипте, слике итд.

шта је пролог

Синтакса

 window.onload = fun()

Хајде да разумемо овај догађај користећи неке примере.

Пример1

У овом примеру постоји елемент див са висином од 200пк и ширином од 200пк. Овде користимо виндов.онлоад() да промените боју позадине, ширину и висину див елемент након учитавања веб странице.

стринг форматтер

Боја позадине је подешена на 'црвено' , а ширина и висина су подешене на 300пк сваки.

 window.onload() #bg{ width: 200px; height: 200px; border: 4px solid blue; } window.onload = function(){ document.getElementById(&apos;bg&apos;).style.backgroundColor = &apos;red&apos;; document.getElementById(&apos;bg&apos;).style.width = &apos;300px&apos;; document.getElementById(&apos;bg&apos;).style.height = &apos;300px&apos;; } <h2> This is an example of window.onload() </h2>
Тестирајте одмах

Излаз

Након извршења кода и учитавања странице, излаз ће бити -

ЈаваСцрипт онлоад

Пример2

У овом примеру имплементирамо једноставну анимацију користећи својства ДОМ објекта и функције јавасцрипт . Користимо ЈаваСцрипт функција гетЕлементБиИд() за добијање ДОМ објекта, а затим додељивање тог објекта глобалној променљивој.

арп команда 
 var img = null; function init(){ img = document.getElementById(&apos;myimg&apos;); img.style.position = &apos;relative&apos;; img.style.left = &apos;50px&apos;; } function moveRight(){ img.style.left = parseInt( img.style.left) + 100 + &apos;px&apos;; } window.onload = init; <p>Click the below button to move the image right</p>
Тестирајте одмах

Излаз

Након успешног извршења горњег кода, излаз ће бити -

ЈаваСцрипт онлоад

Сада, постоји пример у коме ћемо користити ХТМЛ на оптерећење атрибут и ЈаваСцрипт функције.

фореацх типесцрипт

Пример3

То је једноставан пример коришћења ХТМЛ-а на оптерећење атрибут са функцијом дефинисаном у ЈаваСцрипт-у. У овом примеру, упозорење() функција се позива кад год се документ освежи.

 function fun() { alert(&apos;Hello World!!, Welcome to the javaTpoint.com&apos;); } <p> Try to refresh the document to see the effect. </p>
Тестирајте одмах

Излаз

Након извршења горњег кода, излаз ће бити -

ЈаваСцрипт онлоад