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

HTML DOM Location host প্রোপার্টি

Location host প্রোপার্টি হোস্টনেম এবং হোস্ট পোর্ট (যদি নির্দিষ্ট থাকে) রিটার্ন বা সেট করে। পোর্ট প্রদর্শিত নাও হতে পারে যদি স্পষ্টভাবে নির্দিষ্ট না করা হয়।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

  • host প্রোপার্টির মান রিটার্ন করা
location.host
  • host প্রোপার্টির মান সেট করা
location.host = hostname:host

উদাহরণ

Location host প্রোপার্টির জন্য একটি উদাহরণ দেখি:

<!DOCTYPE html> <html> <head> <title>Location host</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } </style> </head> <body> <form> <fieldset> <legend>Location-host</legend> <label for="urlSelect">বর্তমান URL:</label> <input type="url" size="27" id="urlSelect" value="https://www.example.com:2544"> <input type="button" onclick="getHostPort()" value="Port পান"> <div id="divDisplay"></div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var urlSelect = document.getElementById("urlSelect");    function getHostPort() {       if(location.host.includes(':') === false)          divDisplay.textContent = 'No port present, as host: '+location.host;       else          divDisplay.textContent = 'Port: '+location.host.split(":")[1]+', as host: '+location.host;    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেবে:

『Port পান』 বাটনে ক্লিক করার আগে:

HTML DOM Location host প্রোপার্টি

『Port পান』 বাটনে ক্লিক করার পর:

HTML DOM Location host প্রোপার্টি


  1. HTML DOM Location href প্রোপার্টি

  2. HTML DOM Location hostname প্রোপার্টি

  3. HTML DOM Location hash প্রোপার্টি

  4. HTML DOM Location search প্রোপার্টি