W JavaScript to zdarzenie może dotyczyć uruchomienia określonej funkcji, gdy strona jest w pełni wyświetlona. Można go również wykorzystać do sprawdzenia typu i wersji przeglądarki osoby odwiedzającej. Z jakich plików cookies korzysta dana strona możemy sprawdzić korzystając z tzw załaduj atrybut.
W HTML atrybut onload jest uruchamiany po załadowaniu obiektu. Celem tego atrybutu jest wykonanie skryptu po załadowaniu powiązanego elementu.
W HTML-u załaduj Atrybut jest zwykle używany z element do wykonania skryptu po całkowitym załadowaniu zawartości (w tym plików CSS, obrazów, skryptów itp.) strony internetowej. Nie jest konieczne używanie go tylko z tagiem, ponieważ można go używać z innymi elementami HTML.
Różnica między ładowanie dokumentu I ładowanie okna Jest: ładowanie dokumentu uruchamia się przed załadowaniem obrazów i innych treści zewnętrznych. Jest wystrzeliwany przed ładowanie okna . Podczas ładowanie okna uruchamia się, gdy ładuje się cała strona, w tym pliki CSS, pliki skryptów, obrazy itp.
zajebisty język
Składnia
window.onload = fun()
Zrozummy to wydarzenie na kilku przykładach.
Przykład 1
W tym przykładzie istnieje element div o wysokości 200 pikseli i szerokości 200 pikseli. Tutaj używamy okno.onload() aby zmienić kolor tła, szerokość i wysokość div element po załadowaniu strony internetowej.
jak wyśrodkować obraz w css
Kolor tła jest ustawiony na 'czerwony' , a szerokość i wysokość są ustawione na 300 pikseli każdy.
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> Przetestuj teraz Wyjście
Po wykonaniu kodu i załadowaniu strony wynikiem będzie -
Przykład2
W tym przykładzie implementujemy prostą animację wykorzystując właściwości obiektu DOM i funkcje JavaScript . Używamy Funkcja JavaScriptu getElementById() w celu pobrania obiektu DOM, a następnie przypisz ten obiekt do zmiennej globalnej.
sortowanie przez wybór Java
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> Przetestuj teraz Wyjście
Po pomyślnym wykonaniu powyższego kodu wynikiem będzie -
Teraz mamy przykład, w którym użyjemy kodu HTML załaduj atrybut i funkcje JavaScript.
gimp usuwający tło
Przykład 3
To prosty przykład użycia HTML załaduj atrybut z funkcją zdefiniowaną w JavaScript. W tym przykładzie alarm() funkcja jest wywoływana przy każdym odświeżeniu dokumentu.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Przetestuj teraz Wyjście
Po wykonaniu powyższego kodu wyjściem będzie -
