HTML DOM Anchor username屬性用法及代碼示例

與錨標記關聯的 HTML DOM 錨用戶名屬性用於設置或返回 href 屬性的用戶名部分的值。用戶名由用戶輸入，常用於 username-password 對。用戶名值在協議之後和鏈接的密碼部分之前指定。

用法

以下是語法 -

返回用戶名屬性 -

anchorObject.username

設置用戶名屬性 -

anchorObject.username = UsernameValue

示例

讓我們看一個錨用戶名屬性的例子 -

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

在上麵的例子中 -

我們已經獲取了一個用戶名為 john 和密碼為 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() 函數將鏈接中指定的用戶名更改為我們指定的用戶名；在我們的案例中為“羅漢”。 GetUser() 函數從與 id Anchor 關聯的鏈接中獲取用戶名，並且僅當 changeUser() 在 GetUser() 之前被調用時才返回 “Rohan”。否則它將是 “john”。

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

相關用法

注：本文由純淨天空篩選整理自AmitDiwan大神的英文原創作品 HTML DOM Anchor username Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。