HTML DOM বেস href প্রপার্টি

HTML DOM Base href প্রপার্টি HTML ট্যাগের সাথে যুক্ত। ট্যাগটি বর্তমান HTML নথিতে সমস্ত আপেক্ষিক URL-এর জন্য ভিত্তি URL নির্দিষ্ট করতে ব্যবহৃত হয়। একটি HTML নথিতে সর্বাধিক একটি ট্যাগ থাকতে পারে। বেস href প্রপার্টি বেস এলিমেন্টে href অ্যাট্রিবিউটের মান প্রদান করে।

সিনট্যাক্স

−

-এর সিনট্যাক্স নিচে দেওয়া হল

href প্রপার্টি −

সেট করা হচ্ছে

baseObject.href = URL

এখানে, URL হল বেস URL।

href সম্পত্তি −

ফেরত দেওয়া হচ্ছে

baseObject.href

উদাহরণ

আসুন বেস href প্রপার্টি −

এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<head>
<base id="myBase" href="https://www.bing.com">
</head>
<body>
<a href="/images">IMAGES</a>
<p>Click the below button to change href value of the above link</p>
<button onclick="SetHref()">SET IT</button>
<button onclick="GetHref()">GET IT</button>
<p id="Sample"></p>
<script>
   function SetHref() {
      document.getElementById("myBase").href = "https://duckduckgo.com";
      document.getElementById("Sample").innerHTML = "Base URL was changed from bing.com
      to duckduckgo.com";
   }
   function GetHref(){
      var x=document.getElementById("myBase").href;
   document.getElementById("Sample").innerHTML = x;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM বেস href প্রপার্টি

SET IT বোতামে ক্লিক করলে -

HTML DOM বেস href প্রপার্টি

GET IT বোতামে ক্লিক করলে -

HTML DOM বেস href প্রপার্টি

উপরের উদাহরণে -

আমরা প্রথমে “myBase” আইডি সহ একটি এলিমেন্ট তৈরি করেছি এবং https://www.bing.com

এর মান সহ অ্যাট্রিবিউট অ্যাট্রিবিউট করেছি।

<base id="myBase" href="https://www.bing.com">

তারপরে আমরা অ্যাট্রিবিউটের সাথে একটি অ্যাঙ্কর এলিমেন্ট তৈরি করেছি এবং মান সমান “/images”। এখানে “/images” একটি আপেক্ষিক পাথ কারণ বেস ট্যাগে বেস পাথ দেওয়া আছে। বেস এবং অ্যাঙ্কর এলিমেন্ট ইউআরএল উভয়কে একত্রিত করলে এটি https://www.bing.com/images হয়ে যাবে।

<a href="/images">IMAGES</a>

তারপরে আমরা যথাক্রমে SetHref() এবং GetHref() ফাংশনগুলিকে কল করার জন্য SET IT এবং GET IT দুটি বোতাম তৈরি করেছি৷

<button onclick="SetHref()">SET IT</button>
<button onclick="GetHref()">GET IT</button>

SetHref() ফাংশন "myBase" আইডি ব্যবহার করে উপাদান পায়। এটি তারপর https://www.duckduckgo.com-এ href প্রপার্টি ব্যবহার করে তার URL সেট করে। পরিবর্তনের সাফল্যের বার্তাটি অনুচ্ছেদে "নমুনা" আইডি সহ প্রদর্শিত হয়।

function SetHref() {
   document.getElementById("myBase").href = "https://duckduckgo.com";
   document.getElementById("Sample").innerHTML = "Base URL was changed from bing.com to .comduckduckgo";
}

GetHref() “myBase” আইডি ব্যবহার করে উপাদান পায়। এটি তারপর href প্রপার্টি ব্যবহার করে তার URL পায় এবং এটি পরিবর্তনশীল x এ বরাদ্দ করে। অনুচ্ছেদ innerHTML তারপর innerHTML() বৈশিষ্ট্য ব্যবহার করে x এ পরিবর্তন করা হয়। এটি উপাদানের href মান প্রদর্শন করবে।

function GetHref(){
   var x=document.getElementById("myBase").href;
   document.getElementById("Sample").innerHTML = x;
}