অ্যাঙ্কর ট্যাগ (<a>) এর সাথে যুক্ত HTML DOM target প্রোপার্টি নির্দিষ্ট করে যে URL-এ ক্লিক করার পর নতুন ওয়েব পেজ কোথায় খুলবে। এর নিচের মানগুলো হতে পারে:
- _blank - এটি লিংক করা ডকুমেন্টকে একটি নতুন উইন্ডোতে খুলবে।
- _parent - এটি লিংক করা ডকুমেন্টকে প্যারেন্ট ফ্রেমসেটে খুলবে।
- _top - এটি লিংক করা ডকুমেন্টকে পুরো বডি উইন্ডোতে খুলবে।
- _self - এটি লিংক করা ডকুমেন্টকে একই উইন্ডোতে খুলবে। এটি ডিফল্ট আচরণ।
- framename - এটি লিংক করা ডকুমেন্টকে নির্দিষ্ট ফ্রেমনেমে খুলবে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
target প্রোপার্টি রিটার্ন করা:
anchorObject.target
target প্রোপার্টি সেট করা:
anchorObject.target = "_blank|_self|_parent|_top|framename"
উদাহরণ
Anchor target প্রোপার্টির একটি উদাহরণ দেখি:
<!DOCTYPE html> <html> <body> <p><a id="Anchor" target="_self" href="https://www.examplesite.com">example site</a></p> <p><a id="Anchor2" href="https://www.examplesite.com">example site</a></p> <p>Click the button to see the value of the target attribute.</p> <button onclick="getTarget1()">GetTarget</button> <button onclick="setTarget2()">SetTarget</button> <p id="Target1"></p> <script> function getTarget1() { var x = document.getElementById("Anchor").target; document.getElementById("Target1").innerHTML = x; } function setTarget2(){ document.getElementById("Anchor2").innerHTML="Target has been set"; document.getElementById("Target1").target="newframe"; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
「GetTarget」 বাটনে ক্লিক করার পর:
「SetTarget」 বাটনে ক্লিক করার পর:
উপরের উদাহরণে:
আমরা target অ্যাট্রিবিউট সহ একটি অ্যাঙ্কর ট্যাগ নিয়েছি যার মান _self এবং অন্যটি ডিফল্ট _blank:
<p><a id="Anchor" target="_self" href="https://www.examplesite.com">example site</a></p> <p><a id="Anchor2" href="https://www.examplesite.com">example site</a></p>
আমরা তারপর GetTarget এবং SetTarget নামে দুটি বাটন তৈরি করেছি যারা যথাক্রমে getTarget1() এবং setTarget2() ফাংশন এক্সিকিউট করবে।
<button onclick="getTarget1()">GetTarget</button> <button onclick="setTarget2()">SetTarget</button>
getTarget1() প্রথম লিংক থেকে target মান পাবে এবং id="Target1" সহ প্যারাগ্রাফ ট্যাগে প্রদর্শন করবে। setTarget2() লিংক2-এর target মান ডিফল্ট _blank থেকে কাস্টম ফ্রেম "newframe"-এ সেট করবে।
function getTarget1() { var x = document.getElementById("Anchor").target; document.getElementById("Target1").innerHTML = x; } function setTarget2(){ document.getElementById("Target1").innerHTML="Target has been set"; document.getElementById("Anchor2").target="_blank"; }
