অ্যাঙ্কর ট্যাগের সাথে যুক্ত HTML DOM anchor username প্রোপার্টি href অ্যাট্রিবিউটের username অংশের মান সেট বা রিটার্ন করতে ব্যবহৃত হয়। Username ইউজার দ্বারা প্রবেশ করানো হয় এবং প্রায়শই username-password জোড়ায় ব্যবহৃত হয়। Username মান প্রোটোকলের পরে এবং লিংকের password অংশের ঠিক আগে নির্দিষ্ট করা হয়।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
username প্রোপার্টি রিটার্ন করা:
anchorObject.username
username প্রোপার্টি সেট করা:
anchorObject.username = UsernameValue
উদাহরণ
Anchor username প্রোপার্টির একটি উদাহরণ দেখি:
<!DOCTYPE html> <html> <body> <p><a id="Anchor"href="https://john:john123@www.examplesite.com">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>
আউটপুট
এটি নিচের আউটপুট দেবে:
「Set User」-এ ক্লিক করলে:
「Get User」-এ ক্লিক করলে:
উপরের উদাহরণে:
আমরা username john এবং password john123 সহ একটি লিংক নিয়েছি।
<p><a id="Anchor" href="https://john:john123@www.examplesite.com">ExampleSite</a></p>
আমরা তারপর "Set User" এবং "Get User" নামে দুটি বাটন তৈরি করেছি যারা যথাক্রমে changeUser() এবং GetUser() ফাংশন এক্সিকিউট করবে।
<button onclick="changeUser()">Set User</button> <button onclick="GetUser()">Get User</button>
changeUser() ফাংশন লিংকতে নির্দিষ্ট username-কে আমাদের নির্দিষ্ট username-এ পরিবর্তন করে; আমাদের কেসে "Rohan"। GetUser() ফাংশন id Anchor সহ লিংক থেকে username পায় এবং শুধু "Rohan" রিটার্ন করবে যদি changeUser() GetUser()-এর আগে কল করা হয়। অন্যথায় এটি "john" হবে।
function changeUser() { document.getElementById("Anchor").username = "Rohan"; } function GetUser() { var x=document.getElementById("Anchor").username; document.getElementById("Sample").innerHTML = x; }
