లోడ్ ఇవెంట్
నిర్వచనం మరియు ఉపయోగం
ఆబ్జెక్ట్ లోడ్ అయ్యిన తర్వాత లోడ్ ఇవెంట్ జరుగుతుంది.
లోడ్ ఇవెంట్ అత్యంత వినియోగించబడుతుంది <body> మెటాలో, వెబ్ పేజీ అన్ని కంటెంట్లను (చిత్రాలు, స్క్రిప్ట్ ఫైల్స్, CSS ఫైల్స్ మొదలైనవి) పూర్తిగా లోడ్ అయ్యిన తర్వాత స్క్రిప్ట్ను అమలు చేయడానికి ఉపయోగించబడుతుంది.
లోడ్ ఇవెంట్ వినియోగదారు బ్రౌజర్ రకం మరియు సంస్కరణను తనిఖీ చేయడానికి ఉపయోగించబడి, ఆ సమాచారం మీద ప్రాంతంలో సరైన వెబ్ పేజీ సంస్కరణను లోడ్ చేయవచ్చు.
onload ఇవెంట్ కూడా కూకీస్ ను ప్రాప్యత చేయడకు ఉపయోగించబడవచ్చు (క్రింది ఉదాహరణలను చూడండి).
ఉదాహరణ
పేజీ లోడ్ అయినప్పుడు వెంటనే జావాస్క్రిప్ట్ ను అమలు చేయండి:
<body onload="myFunction()">
ఉదాహరణ 2
ఐమేజ్ అంశంపై onload ఉపయోగించడం విధంగా: చిత్రం లోడ్ అయినప్పుడు వెంటనే "చిత్రం లోడ్ అయింది" అనే అనుమోదనను ప్రదర్శించండి:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
ఉదాహరణ 3
లోడ్ ఇవెంట్ ను ఉపయోగించి కూకీస్ ను ప్రాప్యత చేయండి:
<body onload="checkCookies()">
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
సంకేతపత్రం
హైల్టెక్స్ట్ లో:
<element onload="myScript">
జావాస్క్రిప్ట్ లో:
object.onload = function(){myScript};
జావాస్క్రిప్ట్ లో, addEventListener() పద్ధతి ఉపయోగించడం విధంగా:
object.addEventListener("load", myScript);
ప్రత్యామ్నాయ పరిశీలన:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 లేదా ఆధికారిక వెర్షన్లు మద్దతు లేదు addEventListener() పద్ధతి。
సాంకేతిక వివరాలు
| బాహ్య ప్రవర్తన: | మద్దతు లేదు |
|---|---|
| రద్దు చేయదగినది: | మద్దతు లేదు |
| ఇవెంట్ రకం: | ఉపయోగదారి ఇంటర్ఫేస్ నుండి ఉద్భవించినట్లయితే,UiEvent。 Event。 |
| పరిగణించబడుతున్న HTML టాగ్లు: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
| DOM వెర్షన్: | లెవల్ 2 ఇవెంట్స్ |
బ్రౌజర్ మద్దతు
| ఇవెంట్స్ | చ్రోమ్ | ఐఈ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
|---|---|---|---|---|---|
| onload | మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
