Thuộc tính tên người dùng liên kết HTML DOM được liên kết với thẻ liên kết được sử dụng để đặt hoặc trả về giá trị của phần tên người dùng của thuộc tính href. Tên người dùng được nhập bởi người dùng và thường được sử dụng trong cặp tên người dùng-mật khẩu. Giá trị tên người dùng được chỉ định sau giao thức và ngay trước phần mật khẩu của liên kết.
Cú pháp
Sau đây là cú pháp cho -
Trả lại thuộc tính tên người dùng -
anchorObject.username
Đặt thuộc tính tên người dùng -
anchorObject.username = UsernameValue
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính tên người dùng neo -
<!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> Đầu ra
Nó sẽ tạo ra kết quả sau -
Khi nhấp vào “Đặt người dùng” -
Khi nhấp vào “Nhận người dùng” -
Trong ví dụ trên -
Chúng tôi đã lấy một liên kết với tên người dùng là john và mật khẩu john123.
<p><a id="Anchor" href="https://john:[email protected]">ExampleSite</a></p>
Sau đó, chúng tôi có hai nút “Đặt người dùng” và “Nhận người dùng” để thực thi các chức năng changeUser () và GetUser () tương ứng.
<button onclick="changeUser()">Set User</button> <button onclick="GetUser()">Get User</button>
Hàm changeUser () thay đổi tên người dùng được chỉ định trong liên kết thành tên người dùng do chúng tôi chỉ định; "Rohan" trong trường hợp của chúng tôi. Hàm GetUser () lấy tên người dùng từ liên kết có id Anchor được liên kết với nó và trả về “Rohan” chỉ khi changeUser () được gọi trước GetUser (). Nếu không nó sẽ là “john”.
function changeUser() {
document.getElementById("Anchor").username = "Rohan";
}
function GetUser() {
var x=document.getElementById("Anchor").username;
document.getElementById("Sample").innerHTML = x;
}