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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。