কম্পিউটার টিউটোরিয়াল

HTML DOM Anchor hostname প্রোপার্টি: URL-এর হোস্টনেম পাওয়া

HTML DOM Anchor hostname প্রোপার্টি URL-এর শুধু হোস্টনেম রিটার্ন করে। এটি ডোমেইন নাম রিটার্ন করে।

সিনট্যাক্স

hostname প্রোপার্টি সেট করার সিনট্যাক্স:

anchorObj.hostname = hostname

এখানে, hostname হলো URL-এর হোস্টনেম।

সিনট্যাক্স

hostname প্রোপার্টি রিটার্ন করার সিনট্যাক্স:

anchorObj.hostname

উদাহরণ

DOM Anchor hostname প্রোপার্টি বাস্তবায়নের একটি উদাহরণ:

<!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>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML DOM Anchor hostname প্রোপার্টি: URL-এর হোস্টনেম পাওয়া

এখন hostname বাটনে ক্লিক করে হোস্টনেম পান:

HTML DOM Anchor hostname প্রোপার্টি: URL-এর হোস্টনেম পাওয়া

  1. HTML DOM Anchor type প্রোপার্টি

  2. HTML DOM Anchor target প্রোপার্টি

  3. HTML DOM Anchor search প্রোপার্টি

  4. HTML DOM Anchor rel প্রোপার্টি