In JavaScript kan deze gebeurtenis van toepassing zijn om een bepaalde functie te starten wanneer de pagina volledig wordt weergegeven. Het kan ook worden gebruikt om het type en de versie van de browser van de bezoeker te verifiëren. We kunnen controleren welke cookies een pagina gebruikt door gebruik te maken van de laden attribuut.
In HTML wordt het onload-attribuut geactiveerd wanneer een object is geladen. Het doel van dit attribuut is om een script uit te voeren wanneer het bijbehorende element wordt geladen.
In HTML wordt de laden attribuut wordt over het algemeen gebruikt met de element om een script uit te voeren zodra de inhoud (inclusief CSS-bestanden, afbeeldingen, scripts, enz.) van de webpagina volledig is geladen. Het is niet nodig om het alleen met tag te gebruiken, omdat het met andere HTML-elementen kan worden gebruikt.
Het verschil tussen de document.onload En venster.onload is: document.onload wordt geactiveerd vóór het laden van afbeeldingen en andere externe inhoud. Het wordt afgevuurd voordat de venster.onload . Terwijl de venster.onload wordt geactiveerd wanneer de hele pagina wordt geladen, inclusief CSS-bestanden, scriptbestanden, afbeeldingen, enz.
hoe char naar string-java te converteren
Syntaxis
window.onload = fun()
Laten we deze gebeurtenis begrijpen door enkele voorbeelden te gebruiken.
Voorbeeld 1
In dit voorbeeld is er een div-element met een hoogte van 200px en een breedte van 200px. Hier gebruiken we de venster.onload() om de achtergrondkleur, breedte en hoogte van het div element na het laden van de webpagina.
Python //-operator
De achtergrondkleur is ingesteld op 'rood' , en breedte en hoogte zijn ingesteld op 300px elk.
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> Test het nu Uitvoer
Na het uitvoeren van de code en het laden van de pagina zal de uitvoer zijn:
Voorbeeld2
In dit voorbeeld implementeren we een eenvoudige animatie door de eigenschappen van het DOM-object en de functies van te gebruiken javascript . Wij gebruiken de JavaScript-functie getElementById() voor het ophalen van het DOM-object en wijs dat object vervolgens toe aan een globale variabele.
lexicografisch
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> Test het nu Uitvoer
Na de succesvolle uitvoering van de bovenstaande code zal de uitvoer zijn:
Nu is er een voorbeeld waarin we HTML zullen gebruiken laden attribuut en de JavaScript-functies.
Java vermelden
Voorbeeld3
Het is een eenvoudig voorbeeld van het gebruik van HTML laden attribuut met de functie die is gedefinieerd in JavaScript. In dit voorbeeld is de waarschuwing() functie wordt aangeroepen wanneer het document wordt vernieuwd.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Test het nu Uitvoer
Na de uitvoering van de bovenstaande code zal de uitvoer zijn:
