В JavaScript това събитие може да се приложи за стартиране на определена функция, когато страницата е напълно показана. Може да се използва и за проверка на типа и версията на браузъра на посетителя. Можем да проверим какви бисквитки използва дадена страница, като използваме зареждане атрибут.
В HTML атрибутът onload се активира, когато даден обект е зареден. Целта на този атрибут е да изпълни скрипт, когато свързаният елемент се зареди.
В HTML, зареждане атрибутът обикновено се използва с елемент за изпълнение на скрипт, след като съдържанието (включително CSS файлове, изображения, скриптове и т.н.) на уеб страницата е напълно заредено. Не е необходимо да се използва само с етикет, тъй като може да се използва с други HTML елементи.
Разликата между document.onload и window.onload е: document.onload задейства преди зареждането на изображения и друго външно съдържание. Изстрелва се преди window.onload . Докато window.onload задейства, когато се зареди цялата страница, включително CSS файлове, файлове със скриптове, изображения и др.
java методи
Синтаксис
window.onload = fun()
Нека разберем това събитие, като използваме някои примери.
Пример1
В този пример има div елемент с височина 200px и ширина 200px. Тук използваме window.onload() за промяна на цвета на фона, ширината и височината на див елемент след зареждане на уеб страницата.
Цветът на фона е зададен на 'червен' , а ширината и височината са зададени на 300 пиксела всеки.
window.onload() #bg{ width: 200px; height: 200px; border: 4px solid blue; } window.onload = function(){ document.getElementById('bg').style.backgroundColor = 'red'; document.getElementById('bg').style.width = '300px'; document.getElementById('bg').style.height = '300px'; } <h2> This is an example of window.onload() </h2> Тествайте сега Изход
inurl:.git/head
След изпълнението на кода и зареждането на страницата, изходът ще бъде -
Пример2
В този пример ние прилагаме проста анимация, като използваме свойствата на DOM обекта и функциите на javascript . Ние използваме JavaScript функция getElementById() за получаване на DOM обекта и след това присвояване на този обект в глобална променлива.
char към низ
var img = null; function init(){ img = document.getElementById('myimg'); img.style.position = 'relative'; img.style.left = '50px'; } function moveRight(){ img.style.left = parseInt( img.style.left) + 100 + 'px'; } window.onload = init; <p>Click the below button to move the image right</p> Тествайте сега Изход
След успешното изпълнение на горния код, изходът ще бъде -
Сега има пример, в който ще използваме HTML зареждане атрибут и функциите на JavaScript.
пролог език
Пример3
Това е прост пример за използване на HTML зареждане атрибут с функцията, дефинирана в JavaScript. В този пример, тревога() функцията се извиква при всяко опресняване на документа.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Тествайте сега Изход
След изпълнението на горния код, изходът ще бъде -
