HTML DOM एंकर होस्टनाम प्रॉपर्टी केवल URL का होस्टनाम लौटाती है। यह डोमेन नाम लौटाता है।
सिंटैक्स
होस्टनाम प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है -
anchorObj.hostname = hostname
ऊपर, होस्टनाम URL का होस्टनाम है।
सिंटैक्स
होस्टनाम प्रॉपर्टी को वापस करने के लिए सिंटैक्स निम्नलिखित है -
anchorObj.hostname
उदाहरण
आइए अब DOM एंकर होस्टनाम प्रॉपर्टी को लागू करने के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" href="https://www.demo.com:6064/abc/def.html#myteam">Our Team</a></p>
<h2 id="myid"></h2>
<button onclick="display()">Display Anchor Part</button>
<button onclick="display2()">Display Host Part</button>
<button onclick="display3()">Display Hostname</button>
<script>
function display() {
var a = document.getElementById("mylink").hash;
document.getElementById("myid").innerHTML = a;
}
function display2() {
var a = document.getElementById("mylink").host;
document.getElementById("myid").innerHTML = a;
}
function display3() {
var a = document.getElementById("mylink").hostname;
document.getElementById("myid").innerHTML = a;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
अब, होस्टनाम प्राप्त करने के लिए होस्टनाम बटन पर क्लिक करें -
