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

विवरण

HTML onerror इवेंट एट्रिब्यूट HTML दस्तावेज़ में किसी बाहरी फ़ाइल को लोड करते समय त्रुटि होने पर ट्रिगर होता है।

सिंटैक्स

<tagname onerror="script">Content</tagname>

उदाहरण

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

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; 
    text-align: center; 
    padding: 20px; 
  } 
  .btn { 
    background: #db133a; 
    border: none; 
    height: 2rem; 
    border-radius: 2px; 
    width: 40%; 
    display: block; 
    color: #fff; 
    outline: none; 
    cursor: pointer; 
    margin: 1rem auto; 
  } 
</style> </head> <body> 
<h1>HTML onerror इवेंट एट्रिब्यूट डेमो</h1> 
<button onclick="add()" class="btn">नेचर इमेज जोड़ें</button> 
<script> 
  function add() { 
    var imgEle = document.createElement('IMG'); 
    imgEle.setAttribute("src", "nature.png"); 
    imgEle.setAttribute("alt", "नेचर इमेज"); 
    imgEle.setAttribute("onerror", "errorFn()"); 
    document.body.appendChild(imgEle); 
  } 
  function errorFn() { 
    document.body.style.background = "linear-gradient(45deg, #8BC6EC 0%, #9599E2 100%) no-repeat"; 
    document.body.style.color = "#fff"; 
  } 
</script> </body> </html>

आउटपुट

"नेचर इमेज जोड़ें" बटन पर क्लिक करके गलत सोर्स एट्रिब्यूट और onerror इवेंट एट्रिब्यूट के साथ एक इमेज एलिमेंट बनाएं और उसे बॉडी एलिमेंट में जोड़ें।