HTML DOM অ্যাঙ্কর ব্যবহারকারীর নাম সম্পত্তি

অ্যাঙ্কর ট্যাগের সাথে যুক্ত HTML DOM অ্যাঙ্কর ইউজারনেম প্রোপার্টিটি href অ্যাট্রিবিউটের ইউজারনেম অংশের মান সেট বা রিটার্ন করতে ব্যবহৃত হয়। ব্যবহারকারীর নাম ব্যবহারকারীর দ্বারা প্রবেশ করা হয় এবং প্রায়শই ব্যবহারকারীর নাম-পাসওয়ার্ড জোড়ায় ব্যবহৃত হয়। ব্যবহারকারীর নামের মানটি প্রোটোকলের পরে এবং লিঙ্কের পাসওয়ার্ড অংশের ঠিক আগে নির্দিষ্ট করা হয়।

সিনট্যাক্স

−

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

ব্যবহারকারীর নাম বৈশিষ্ট্য ফেরত দেওয়া হচ্ছে −

anchorObject.username

ইউজারনেম প্রপার্টি −

সেট করা হচ্ছে

anchorObject.username = UsernameValue

উদাহরণ

আসুন আমরা অ্যাঙ্কর ইউজারনেম প্রপার্টি -

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

<!DOCTYPE html>
<html>
<body>
<p><a id="Anchor"href="https://john:[email protected]">ExampleSite</a></p>
<p>Click the button to change username</p>
<button onclick="changeUser()">Set User</button>
<button onclick="GetUser()">Get User</button>
<p id="Sample"></p>
<script>
   function changeUser() {
      document.getElementById("Anchor").username = "Rohan";
   }
   function GetUser() {
      var x=document.getElementById("Anchor").username;
      document.getElementById("Sample").innerHTML = x;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট তৈরি করবে -

HTML DOM অ্যাঙ্কর ব্যবহারকারীর নাম সম্পত্তি

"ব্যবহারকারী সেট করুন" -

-এ ক্লিক করলে

HTML DOM অ্যাঙ্কর ব্যবহারকারীর নাম সম্পত্তি

“Get User”-

-এ ক্লিক করলে

HTML DOM অ্যাঙ্কর ব্যবহারকারীর নাম সম্পত্তি

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

আমরা জন এবং পাসওয়ার্ড john123 হিসাবে ব্যবহারকারীর নাম সহ একটি লিঙ্ক নিয়েছি।

<p><a id="Anchor" href="https://john:[email protected]">ExampleSite</a></p>

তারপরে আমাদের কাছে যথাক্রমে changeUser() এবং GetUser() ফাংশনগুলি চালানোর জন্য দুটি বোতাম “Set User” এবং “Get User” আছে।

<button onclick="changeUser()">Set User</button>
<button onclick="GetUser()">Get User</button>

changeUser() ফাংশনটি আমাদের দ্বারা নির্দিষ্ট করা ব্যবহারকারীর নামের লিঙ্কে নির্দিষ্ট ব্যবহারকারীর নাম পরিবর্তন করে; আমাদের ক্ষেত্রে "রোহান"। GetUser() ফাংশনটি এর সাথে যুক্ত আইডি অ্যাঙ্কর যুক্ত লিঙ্ক থেকে ব্যবহারকারীর নাম পায় এবং GetUser() এর আগে changeUser() কল করলেই "Rohan" ফেরত দেয়। অন্যথায় এটি "john" হবে।

function changeUser() {
   document.getElementById("Anchor").username = "Rohan";
}
function GetUser() {
   var x=document.getElementById("Anchor").username;
   document.getElementById("Sample").innerHTML = x;
}