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

HTML DOM বেস টার্গেট প্রপার্টি HTML উপাদানের সাথে যুক্ত। এটি উপাদানের লক্ষ্য বৈশিষ্ট্যের মান সেট বা ফেরত দিতে ব্যবহৃত হয়। হাইপারলিঙ্ক কোথায় খুলবে তা নির্দিষ্ট করতে টার্গেট অ্যাট্রিবিউট ব্যবহার করা হয়। এটি পৃষ্ঠায় বা একটি নতুন পৃষ্ঠায় খুলতে পারে৷

সম্পত্তি

লক্ষ্য বৈশিষ্ট্যগুলির জন্য নিম্নলিখিত মানগুলি রয়েছে -

৷

সম্পত্তি মান	বিবরণ
_blank	নতুন উইন্ডোতে লিঙ্ক খুলতে।
_স্বয়ং	যে ফ্রেমে ক্লিক করা হয়েছিল সেই একই ফ্রেমে লিঙ্ক খুলতে। এটা আমি ডিফল্ট আচরণ।
_পিতা	প্যারেন্ট ফ্রেমসেটে লিঙ্ক খুলতে।
_টপ	উইন্ডোর সম্পূর্ণ অংশে লিঙ্ক খুলতে।
ফ্রেমের নাম	নির্দিষ্ট ফ্রেমের নামে লিঙ্ক খুলতে।

সিনট্যাক্স

−

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

টার্গেট সম্পত্তি ফেরত দেওয়া হচ্ছে -

baseObject.target

লক্ষ্য সম্পত্তি সেট করা হচ্ছে -

baseObject.target = "_blank|_self|_parent|_top|framename"

উদাহরণ

আসুন HTML DOM টার্গেট প্রপার্টি -

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

<!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>

আউটপুট

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

তৈরি করবে

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

GET TARGET -

ক্লিক করলে

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

SET TARGET -

ক্লিক করলে

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

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

আমরা প্রথমে দুটি বোতাম তৈরি করেছি GET TARGET এবং SET TARGET ফাংশনগুলি চালানোর জন্য যথাক্রমে getTarget() এবং setTarget() -

<button onclick="getTarget()">GET TARGET</button>
<button onclick="setTarget()">SET TARGET</button>

getTarget() ফাংশনটি "Base" আইডি সহ উপাদান পায় যা আমাদের ক্ষেত্রে উপাদান। বেস এলিমেন্ট টার্গেট প্রোপার্টি একটি ভেরিয়েবল x এর জন্য বরাদ্দ করা হয়েছে। অভ্যন্তরীণ HTML() প্রপার্টি ব্যবহার করে টার্গেট প্রোপার্টি মান তারপর অনুচ্ছেদে আইডি "নমুনা" সহ প্রদর্শিত হয়৷

function getTarget() {
   var x = document.getElementById("Base").target;
   document.getElementById("Sample").innerHTML = "Base target for all links is: " + x;
}

setTarget() ফাংশনটি "Base" আইডি সহ উপাদান পায় যা আমাদের ক্ষেত্রে উপাদান। এলিমেন্টের টার্গেট প্রপার্টি তারপর "_blank" এ সেট করা হয় যার অর্থ এটি নতুন ট্যাবে খুলবে। "লক্ষ্যটি newframe1 থেকে _blank এ পরিবর্তিত হয়েছে" তারপর এটির সাথে যুক্ত "নমুনা" আইডি সহ অনুচ্ছেদে প্রদর্শিত হয়৷