Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML onload इवेंट एट्रिब्यूट


विवरण

HTML onload इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब कोई ऑब्जेक्ट लोड हो जाता है, तब ट्रिगर होता है।

सिंटैक्स

<tagname onload="script"></tagname>

उदाहरण

आइए HTML onload इवेंट एट्रिब्यूट का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background-color: #FBAB7E; 
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); 
    text-align: center; 
    padding: 20px; 
  } 
</style> 
<script> 
  function get() { 
    alert("नमस्ते! आपने अभी दस्तावेज़ रीफ्रेश किया।"); 
  } 
</script> </head> 
<body onload="get()"> 
<h1>HTML onload इवेंट एट्रिब्यूट डेमो</h1> 
<p style="color:#db133a;">अब इस दस्तावेज़ को रीफ्रेश करने का प्रयास करें।</p> 
</body> </html>

आउटपुट

HTML onload इवेंट एट्रिब्यूट

onload इवेंट एट्रिब्यूट कैसे काम करता है, यह देखने के लिए अब दस्तावेज़ को रीलोड करें।

HTML onload इवेंट एट्रिब्यूट


  1. HTML ondragleave इवेंट एट्रिब्यूट: ड्रॉप टारगेट छोड़ने पर कार्रवाई HTML ondragleave इवेंट एट्रिब्यूट: ड्रॉप टारगेट छोड़ने पर कार्रवाई

    HTML ondragleave इवेंट एट्रिब्यूट तब ट्रिगर होता है जब एक ड्रैगेबल एलिमेंट या टेक्स्ट एक वैध ड्रॉप टारगेट की सीमा छोड़ देता है। यह ड्रॉप जोन से विजुअल हाइलाइटिंग हटाने, ड्रैग स्थिति रीसेट करने, या ड्रैग-लीव एनालिटिक्स रिकॉर्ड करने के लिए उपयोगी है। ondragenter के विपरीत, यह बबल करता है। सिंटैक्स (

  1. HTML ondragenter इवेंट एट्रिब्यूट HTML ondragenter इवेंट एट्रिब्यूट

    विवरण HTML ondragenter इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब कोई ड्रैगेबल तत्व या टेक्स्ट एक वैध ड्रॉप टारगेट में प्रवेश करता है, तब ट्रिगर होता है। सिंटैक्स <tagname ondragenter=script></tagname> उदाहरण आइए HTML ondragenter इवेंट एट्रिब्यूट का एक उदाहरण देखें: <!DOCTYPE html>

  1. HTML onload इवेंट एट्रिब्यूट HTML onload इवेंट एट्रिब्यूट

    विवरण HTML onload इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब कोई ऑब्जेक्ट लोड हो जाता है, तब ट्रिगर होता है। सिंटैक्स <tagname onload=script></tagname> उदाहरण आइए HTML onload इवेंट एट्रिब्यूट का एक उदाहरण देखें: <!DOCTYPE html> <html> <head> <style> body {