Thuộc tính username của Anchor trong HTML DOM

Thuộc tính username của anchor trong HTML DOM liên quan đến thẻ anchor được dùng để thiết lập hoặc trả về giá trị phần username của thuộc tính href. Username được nhập bởi người dùng và thường dùng trong cặp username-password. Giá trị username được chỉ định sau giao thức và ngay trước phần password của link.

Cú pháp

Trả về thuộc tính username

anchorObject.username

Thiết lập thuộc tính username

anchorObject.username = UsernameValue

Ví dụ

Dưới đây là ví dụ về thuộc tính username của anchor:

<!DOCTYPE html> <html> <body> <p><a id="Anchor" href="https://john:john123@www.examplesite.com">ExampleSite</a></p> <p>Click nút để thay đổi username</p> <button onclick="changeUser()">Đặt User</button> <button onclick="GetUser()">Lấy 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>

Kết quả

Ví dụ này sẽ cho kết quả sau:

Khi click “Đặt User”:

Khi click “Lấy User”:

Giải thích ví dụ:

Chúng ta lấy một link với username là john và password john123:

<p><a id="Anchor" href="https://john:john123@www.examplesite.com">ExampleSite</a></p>

Sau đó có hai nút “Đặt User” và “Lấy User” để thực thi changeUser() và GetUser():

<button onclick="changeUser()">Đặt User</button> <button onclick="GetUser()">Lấy User</button>

Hàm changeUser() thay đổi username trong link thành username do chúng ta chỉ định (“Rohan”). Hàm GetUser() lấy username từ link với id Anchor và trả về “Rohan” chỉ nếu changeUser() được gọi trước GetUser(). Ngược lại sẽ là “john”.

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