I JavaScript kan denne hendelsen gjelde for å starte en bestemt funksjon når siden er fullstendig vist. Den kan også brukes til å bekrefte typen og versjonen av den besøkendes nettleser. Vi kan sjekke hvilke informasjonskapsler en side bruker ved å bruke på Last Egenskap.
I HTML utløses onload-attributtet når et objekt er lastet inn. Hensikten med dette attributtet er å kjøre et skript når det tilknyttede elementet lastes.
I HTML er det på Last attributt brukes vanligvis med element for å kjøre et skript når innholdet (inkludert CSS-filer, bilder, skript osv.) på nettsiden er fullstendig lastet. Det er ikke nødvendig å bruke det bare med tag , da det kan brukes med andre HTML-elementer.
Forskjellen mellom document.onload og window.onload er: document.onload utløses før lasting av bilder og annet eksternt innhold. Det avfyres før window.onload . Mens window.onload utløses når hele siden lastes, inkludert CSS-filer, skriptfiler, bilder osv.
intern drift av hashmap
Syntaks
window.onload = fun()
La oss forstå denne hendelsen ved å bruke noen eksempler.
Eksempel 1
I dette eksemplet er det et div-element med en høyde på 200px og en bredde på 200px. Her bruker vi window.onload() for å endre bakgrunnsfargen, bredden og høyden på div element etter å ha lastet nettsiden.
binær trepostordregjennomgang
Bakgrunnsfargen er satt til 'rød' , og bredde og høyde er satt til 300 piksler 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 nå Produksjon
Etter utførelse av koden og lasting av siden, vil utgangen være -
Eksempel 2
I dette eksemplet implementerer vi en enkel animasjon ved å bruke egenskapene til DOM-objektet og funksjonene til javascript . Vi bruker JavaScript-funksjon getElementById() for å hente DOM-objektet og deretter tilordne det objektet til en global variabel.
begrensninger for e-bank
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 nå Produksjon
Etter vellykket utførelse av koden ovenfor, vil utgangen være -
Nå er det et eksempel der vi skal bruke HTML på Last attributt og JavaScript-funksjonene.
objekt for array i java
Eksempel 3
Det er et enkelt eksempel på bruk av HTML på Last attributt med funksjonen definert i JavaScript. I dette eksemplet er varsling() funksjonen blir kalt når dokumentet oppdateres.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Test det nå Produksjon
Etter utførelse av koden ovenfor, vil utgangen være -
