HTML DOM Base href প্রোপার্টি <base> HTML ট্যাগের সাথে যুক্ত। <base> ট্যাগ বর্তমান HTML ডকুমেন্টে সমস্ত রিলেটিভ URL-এর জন্য বেস URL নির্দিষ্ট করতে ব্যবহৃত হয়। একটি HTML ডকুমেন্টে সর্বোচ্চ একটি <base> ট্যাগ থাকতে পারে। Base href প্রোপার্টি base এলিমেন্টে href অ্যাট্রিবিউটের মান রিটার্ন করে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
href প্রোপার্টি সেট করা:
baseObject.href = URL
এখানে, URL হলো বেস URL।
href প্রোপার্টি রিটার্ন করা:
baseObject.href
উদাহরণ
Base 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>
আউটপুট
এটি নিচের আউটপুট দেবে:
SET IT বাটনে ক্লিক করলে:
GET IT বাটনে ক্লিক করলে:
উপরের উদাহরণে:
আমরা প্রথমে id "myBase" এবং অ্যাট্রিবিউট href মান https://www.bing.com সহ একটি
<base id="myBase" href="https://www.bing.com">
আমরা তারপর href অ্যাট্রিবিউট এবং মান "/images" সহ একটি অ্যাঙ্কর এলিমেন্ট তৈরি করেছি। এখানে "/images" একটি রিলেটিভ পাথ কারণ বেস পাথ base ট্যাগে দেওয়া আছে। বেস এবং অ্যাঙ্কর এলিমেন্টের URL মিলিয়ে এটি https://www.bing.com/images হবে।
<a href="/images">IMAGES</a>
আমরা তারপর SET IT এবং GET IT নামে দুটি বাটন তৈরি করেছি যারা যথাক্রমে SetHref() এবং GetHref() ফাংশন কল করবে।
<button onclick="SetHref()">SET IT</button> <button onclick="GetHref()">GET IT</button>
SetHref() ফাংশন "myBase" id ব্যবহার করে <base> এলিমেন্টটি পায়। এটি তারপর href প্রোপার্টি ব্যবহার করে এর URL https://www.duckduckgo.com-এ সেট করে। পরিবর্তনের সাকসেস মেসেজটি id "Sample" সহ প্যারাগ্রাফে প্রদর্শিত হয়।
function SetHref() { document.getElementById("myBase").href = "https://duckduckgo.com"; document.getElementById("Sample").innerHTML = "Base URL was changed from bing.com to .comduckduckgo"; }
GetHref() "myBase" id ব্যবহার করে <base> এলিমেন্টটি পায়। এটি তারপর href প্রোপার্টি ব্যবহার করে এর URL পায় এবং x ভেরিয়েবলে অ্যাসাইন করে। প্যারাগ্রাফের innerHTML তারপর innerHTML() প্রোপার্টি ব্যবহার করে x-এ পরিবর্তন করা হয়। এটি <base> এলিমেন্টের href মান প্রদর্শন করবে।
function GetHref(){ var x=document.getElementById("myBase").href; document.getElementById("Sample").innerHTML = x; }
