I JavaScript kan denna händelse gälla för att starta en viss funktion när sidan visas helt. Den kan också användas för att verifiera typen och versionen av besökarens webbläsare. Vi kan kontrollera vilka cookies en sida använder genom att använda ladda attribut.
I HTML aktiveras onload-attributet när ett objekt har laddats. Syftet med detta attribut är att exekvera ett skript när det associerade elementet laddas.
I HTML är ladda attribut används vanligtvis med element för att köra ett skript när innehållet (inklusive CSS-filer, bilder, skript, etc.) på webbsidan är helt laddat. Det är inte nödvändigt att endast använda den med taggen, eftersom den kan användas med andra HTML-element.
Skillnaden mellan document.onload och window.onload är: document.onload triggers innan bilder och annat externt innehåll laddas. Den avfyras innan window.onload . Medan window.onload utlöses när hela sidan laddas, inklusive CSS-filer, skriptfiler, bilder etc.
ta bort första tecknet i Excel
Syntax
window.onload = fun()
Låt oss förstå denna händelse genom att använda några exempel.
Exempel1
I det här exemplet finns ett div-element med en höjd på 200px och en bredd på 200px. Här använder vi window.onload() för att ändra bakgrundsfärg, bredd och höjd på div element efter att webbsidan laddats.
regexp_like i mysql
Bakgrundsfärgen är inställd på 'röd' , och bredd och höjd är inställda på 300 pixlar varje.
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> Testa det nu Produktion
Efter exekvering av koden och laddning av sidan kommer utdata att vara -
Exempel 2
I det här exemplet implementerar vi en enkel animering genom att använda egenskaperna för DOM-objektet och funktionerna för javascript . Vi använder JavaScript-funktion getElementById() för att hämta DOM-objektet och sedan tilldela det objektet till en global variabel.
dubbel i 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> Testa det nu Produktion
Efter framgångsrik exekvering av ovanstående kod kommer utgången att vara -
Nu finns det ett exempel där vi kommer att använda HTML ladda attribut och JavaScript-funktionerna.
linux felkoder
Exempel 3
Det är ett enkelt exempel på hur man använder HTML ladda attribut med funktionen definierad i JavaScript. I det här exemplet är varna() funktionen anropas när dokumentet uppdateras.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Testa det nu Produktion
Efter exekvering av ovanstående kod kommer utgången att vara -
