बटन क्लिक पर जावास्क्रिप्ट का उपयोग करके एंकर टैग की href विशेषता को बदलना

वेब विकास में, href विशेषता को गतिशील रूप से संशोधित करने की आवश्यकता है बटन क्लिक पर एक एंकर टैग बार-बार उठता है। यहां बताया गया है कि आप जावास्क्रिप्ट का उपयोग करके इसे कैसे प्राप्त कर सकते हैं।

प्रदान किए गए कोड स्निपेट में, f1() फ़ंक्शन आईडी "abc" वाले तत्व की href विशेषता को "xyz.php" में बदल देता है। हालाँकि, प्रदान किया गया कोड अपेक्षा के अनुरूप काम नहीं करेगा।

डिफ़ॉल्ट रूप से, एंकर टैग पर क्लिक करने से पृष्ठ पुनः लोड हो जाता है। इसे रोकने के लिए, आपको एंकर टैग में एक खाली href विशेषता जोड़ने की आवश्यकता है, जैसे:

...jhhghj

वैकल्पिक रूप से, आप निम्न का उपयोग करके पृष्ठ को स्क्रॉल करने से रोक सकते हैं:

...jhhghj

या f1() फ़ंक्शन से झूठी वापसी करें:

function f1() {
    document.getElementById("abc").href = "xyz.php";          
    return false;
}

...jhghj

For a more unobtrusive approach, employ an external JavaScript file:

...jhg
...jhghj

document.getElementById("myLink").onclick = function() {
    document.getElementById("abc").href = "xyz.php";
    return false;
};

स्क्रिप्ट>