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

विवरण

HTML onhashchange इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब URL के एंकर भाग में परिवर्तन होता है, तब ट्रिगर होता है।

सिंटैक्स

<tagname onhashchange="script"></tagname>

उदाहरण

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

<!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; 
  } 
  .btn { 
    background: #db133a; 
    border: none; 
    color: #fff; 
    height: 2rem; 
    padding: 8px 10px; 
  } 
</style> </head> 
<body onhashchange="hashChange()"> 
<h1>HTML onhashchange इवेंट एट्रिब्यूट डेमो</h1> 
<button class="btn" onclick="change()">हैश सेट करें</button> 
<p class="msg"></p> 
<script> 
  function change() { 
    location.hash = "newHashPart"; 
    document.querySelector('.msg').innerHTML = 'URL का हैश भाग है: ' + location.hash; 
  } 
  function hashChange() { 
    document.body.style.background = 'lightblue'; 
  } 
</script> </body> </html>

आउटपुट

वर्तमान URL में एक नया हैश सेट करने और देखने के लिए "हैश सेट करें" बटन पर क्लिक करें कि onhashchange इवेंट एट्रिब्यूट कैसे काम करता है: