資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚學
法律學HTML DOM 錨點使用者名稱屬性
與錨點標籤關聯的 HTML DOM 錨點使用者名稱屬性用於設定或返回 href 屬性的使用者名稱部分的值。使用者名稱由使用者輸入，通常與使用者名稱密碼對一起使用。使用者名稱值在協議之後、連結的密碼部分之前指定。
語法
以下是 −
返回使用者名稱屬性 −
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>輸出
它將產生以下輸出 −
點選“設定使用者” −
點選“獲取使用者” −
在上面的示例中 −
我們取了使用者名稱為 john 和密碼為 john123 的連結。
<p><a id="Anchor" href="https://john:john123@www.examplesite.com">ExampleSite</a></p>
然後我們有兩個按鈕“設定使用者”和“獲取使用者”，分別執行 changeUser() 和 GetUser() 函式。
<button onclick="changeUser()">Set User</button> <button onclick="GetUser()">Get User</button>
changeUser() 函式更改連結中指定的使用者名稱為我們指定的使用者名稱；在我們的示例中為“Rohan”。GetUser() 函式獲取具有與它關聯的 ID Anchor 的連結的使用者名稱，並且僅當在 GetUser() 之前呼叫 changeUser() 時返回“Rohan”。否則為“john”。
function changeUser() {
document.getElementById("Anchor").username = "Rohan";
}
function GetUser() {
var x=document.getElementById("Anchor").username;
document.getElementById("Sample").innerHTML = x;
}
更新於：2021 年 2 月 20 日
瀏覽量：94
廣告