I JavaScript kan denne hændelse anvendes til at starte en bestemt funktion, når siden er fuldt vist. Den kan også bruges til at bekræfte typen og versionen af den besøgendes browser. Vi kan tjekke, hvilke cookies en side bruger ved at bruge påfyldning attribut.
I HTML udløses onload-attributten, når et objekt er blevet indlæst. Formålet med denne attribut er at udføre et script, når det tilknyttede element indlæses.
I HTML er påfyldning attribut bruges generelt sammen med element til at udføre et script, når indholdet (inklusive CSS-filer, billeder, scripts osv.) på websiden er fuldstændigt indlæst. Det er ikke nødvendigt kun at bruge det med tag , da det kan bruges med andre HTML-elementer.
Forskellen mellem document.onload og window.onload er: document.onload udløses før indlæsning af billeder og andet eksternt indhold. Den affyres inden window.onload . Mens window.onload udløses, når hele siden indlæses, inklusive CSS-filer, scriptfiler, billeder osv.
hvordan man konverterer streng til char
Syntaks
window.onload = fun()
Lad os forstå denne begivenhed ved at bruge nogle eksempler.
Eksempel 1
I dette eksempel er der et div-element med en højde på 200px og en bredde på 200px. Her bruger vi window.onload() for at ændre baggrundsfarven, bredden og højden af div element efter indlæsning af websiden.
rr algoritme
Baggrundsfarven er indstillet til 'rød' , og bredde og højde er indstillet til 300 px hver.
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 det nu Produktion
Efter udførelse af koden og indlæsning af siden vil outputtet være -
Eksempel 2
I dette eksempel implementerer vi en simpel animation ved at bruge egenskaberne for DOM-objektet og funktionerne i javascript . Vi bruger JavaScript funktion getElementById() for at hente DOM-objektet og derefter tildele dette objekt til en global variabel.
leksikografisk
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 det nu Produktion
Efter en vellykket udførelse af ovenstående kode vil outputtet være -
Nu er der et eksempel, hvor vi vil bruge HTML påfyldning attribut og JavaScript-funktionerne.
objekt af array i java
Eksempel 3
Det er et simpelt eksempel på brug af HTML påfyldning attribut med funktionen defineret i JavaScript. I dette eksempel er alert() funktionen kaldes, hver gang dokumentet opdateres.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Test det nu Produktion
Efter udførelse af ovenstående kode vil outputtet være -
