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

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

HTML DOM Location href প্রোপার্টি URL পথ অনুযায়ী স্ট্রিং রিটার্ন বা সেট করে।

সিনট্যাক্স

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

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

উদাহরণ

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

<!DOCTYPE html> <html> <head> <title>Location href</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-href</legend> <label for="urlSelect">বর্তমান URL:</label> <input type="url" size="30" id="urlSelect" value="https://www.example.com/aboutUs"> <input type="button" onclick="gethref()" value="Href পান"> <div id="divDisplay"></div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var urlSelect = document.getElementById("urlSelect");    function gethref(){       divDisplay.textContent = 'URL Path: '+location.href;    } </script> </body> </html>

আউটপুট

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

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

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

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

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


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

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

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

  4. HTML DOM Base href প্রোপার্টি