HTML DOM Base target প্রোপার্টি HTML <base> এলিমেন্টের সাথে যুক্ত। এটি <base> এলিমেন্টের target অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে ব্যবহৃত হয়। target অ্যাট্রিবিউট নির্দিষ্ট করতে ব্যবহৃত হয় যে হাইপারলিংক কোথায় খুলবে। এটি পেজের ভিতরেই বা নতুন পেজে খুলতে পারে।
প্রোপার্টি
target প্রোপার্টির জন্য মানগুলো নিচে দেওয়া হলো:
| প্রোপার্টি মান | বিবরণ |
|---|---|
| _blank | লিংক নতুন উইন্ডোতে খোলার জন্য। |
| _self | লিংক একই ফ্রেমে খোলার জন্য যেখানে ক্লিক করা হয়েছিল। এটি ডিফল্ট আচরণ। |
| _parent | লিংক প্যারেন্ট ফ্রেমসেটে খোলার জন্য। |
| _top | লিংক উইন্ডোর পুরো বডিতে খোলার জন্য। |
| framename | লিংক নির্দিষ্ট ফ্রেমনেমে খোলার জন্য। |
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
target প্রোপার্টি রিটার্ন করা:
baseObject.target
target প্রোপার্টি সেট করা:
baseObject.target = "_blank|_self|_parent|_top|framename"
উদাহরণ
HTML DOM target প্রোপার্টির জন্য একটি উদাহরণ দেখি:
<!DOCTYPE html> <html> <head> <base id="Base" target="newframe1" href="https://www.example.com"></head> <body> <p>Click the below button to get the target attribute value</p> <button onclick="getTarget()">GET TARGET</button> <p>Click the below button to set the target attribute value</p> <button onclick="setTarget()">SET TARGET</button> <p id="Sample"></p> <script> function getTarget() { var x = document.getElementById("Base").target; document.getElementById("Sample").innerHTML = "Base target for all links is: " + x; } function setTarget(){ document.getElementById("Base").target="_blank" document.getElementById("Sample").innerHTML="Target has been changed from newframe1 to _blank" } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
GET TARGET-এ ক্লিক করলে:
SET TARGET-এ ক্লিক করলে:
উপরের উদাহরণে:
আমরা প্রথমে GET TARGET এবং SET TARGET নামে দুটি বাটন তৈরি করেছি যারা যথাক্রমে getTarget() এবং setTarget() ফাংশন এক্সিকিউট করবে:
<button onclick="getTarget()">GET TARGET</button> <button onclick="setTarget()">SET TARGET</button>
getTarget() ফাংশন id "Base" সহ এলিমেন্টটি পায় যা আমাদের কেসে <base> এলিমেন্ট। বেস এলিমেন্টের target প্রোপার্টি একটি ভেরিয়েবল x-এ অ্যাসাইন করা হয়। target প্রোপার্টি মানটি তারপর innerHTML() প্রোপার্টি ব্যবহার করে id "Sample" সহ প্যারাগ্রাফে প্রদর্শিত হয়।
function getTarget() { var x = document.getElementById("Base").target; document.getElementById("Sample").innerHTML = "Base target for all links is: " + x; }
setTarget() ফাংশন id "Base" সহ এলিমেন্টটি পায় যা আমাদের কেসে <base> এলিমেন্ট। <base> এলিমেন্টের target প্রোপার্টি তারপর "_blank"-এ সেট করা হয় অর্থাৎ এটি নতুন ট্যাবে খুলবে। "Target has been changed from newframe1 to _blank"=id "Sample" সহ প্যারাগ্রাফে প্রদর্শিত হয়।
