HTML DOM HashChangeEvent एक प्रकार का इंटरफ़ेस है जिसका उपयोग उन घटनाओं का प्रतिनिधित्व करने के लिए किया जाता है जो जब भी URL के # भाग को संशोधित किया जाता है तो आग लगती है।
गुण
हैशचेंजइवेंट के गुण निम्नलिखित हैं -
| संपत्ति | विवरण |
|---|---|
| newURL | हैश संशोधित होने के बाद दस्तावेज़ URL वापस करने के लिए। |
| पुरानाURL | हैश बदलने से पहले दस्तावेज़ का URL लौटाने के लिए |
सिंटैक्स
हैशचेंजइवेंट का सिंटैक्स निम्नलिखित है।
event.eventProperty
यहां, EventProperty उपरोक्त दो संपत्तियों में से एक है।
उदाहरण
आइए हम HashChangeEvent के लिए एक उदाहरण देखें।
<!DOCTYPE html>
<html>
<body onhashchange="showChange(event)">
<h1>HashChangeEvent example</h1>
<p>Change the hash by clicking the below button</p>
<button onclick="changeHash()">CHANGE</button>
<p id="Sample"></p>
<script>
function changeHash() {
location.hash = "NEWHASH";
}
function showChange() {
document.getElementById("Sample").innerHTML = "The url has been changed from " + event.oldURL + " to " + event.newURL;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेंज बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में
हमने एक बटन चेंज बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजहैश () विधि को निष्पादित करेगा।
<button onclick="changeHash()">CHANGE</button>
चेंजहैश () विधि स्थान वस्तु की हैश संपत्ति को "NEWHASH" में बदल देती है। स्थान वस्तु में हमारे URL के बारे में जानकारी होती है -
function changeHash() {
location.hash = "NEWHASH";
} जैसे ही हैश बदल जाता है, बॉडी टैग से जुड़ा ऑनहैशचेंज इवेंट हैंडलर सक्रिय हो जाता है और हैचेंज इवेंट को ऑब्जेक्ट के रूप में शोचेंज () -
के लिए ऑब्जेक्ट के रूप में पास कर देता है।<body onhashchange="showChange(event)">
शोचेंज () विधि प्राप्त हैशचेंज घटना का उपयोग करती है जो पुराने यूआरएल गुण और नई यूआरएल संपत्ति को आईडी "नमूना" के साथ पैराग्राफ तत्व में प्रदर्शित करती है -
function showChange() {
document.getElementById("Sample").innerHTML = "The url has been changed from " + event.oldURL + " to " + event.newURL;
} में बदल दिया गया है।