অ্যাঙ্কর ট্যাগ () এর সাথে যুক্ত HTML DOM টার্গেট প্রপার্টি নির্দিষ্ট করে যেখানে URL-এ ক্লিক করার পর নতুন ওয়েব পেজ খুলবে। এটিতে নিম্নলিখিত মান থাকতে পারে −
- _blank − এটি একটি নতুন উইন্ডোতে লিঙ্কড নথি খুলবে।
- _parent − এটি প্যারেন্ট ফ্রেমসেটে লিঙ্কড ডকুমেন্ট খুলবে।
- _top − এটি সম্পূর্ণ বডি উইন্ডোতে লিঙ্কড ডকুমেন্ট খুলবে।
- _self − এটি একই উইন্ডোতে লিঙ্কড নথি খুলবে। এটি ডিফল্ট আচরণ
- ফ্রেমনেম - এটি নির্দিষ্ট ফ্রেমনেমে লিঙ্কড ডকুমেন্ট খুলবে।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলটার্গেট সম্পত্তি ফেরত দেওয়া হচ্ছে -
anchorObject.target
লক্ষ্য সম্পত্তি সেট করা হচ্ছে -
anchorObject.target = "_blank|_self|_parent|_top|framename"
উদাহরণ
আসুন আমরা অ্যাঙ্কর টার্গেট প্রোপার্টি -
এর একটি উদাহরণ দেখি<!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" বোতামে ক্লিক করার পর -
উপরের উদাহরণে -
আমরা লক্ষ্য বৈশিষ্ট্য সহ একটি অ্যাঙ্কর ট্যাগ নিয়েছি এবং একটি মান _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>
তারপর আমরা যথাক্রমে getTarget1() এবং setTarget2() ফাংশন চালানোর জন্য GetTarget এবং SetTarget নামে দুটি বোতাম তৈরি করেছি।
<button onclick="getTarget1()">GetTarget</button> <button onclick="setTarget2()">SetTarget</button>
getTarget1() প্রথম লিঙ্ক থেকে লক্ষ্য মান পাবে এবং id=”Target1” সহ অনুচ্ছেদ ট্যাগে প্রদর্শন করবে। setTarget2() লিঙ্ক2 এর লক্ষ্য মান ডিফল্ট _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";
} 