HTML DOM 锚点用户名属性


与锚点标签关联的 HTML DOM 锚点用户名属性用于设置或返回 href 属性的用户名部分的值。用户名由用户输入,通常与用户名密码对一起使用。用户名值在协议之后、链接的密码部分之前指定。

语法

以下是 −

返回用户名属性 −

anchorObject.username

设置用户名属性 −

anchorObject.username = UsernameValue

示例

让我们看一看锚点用户名属性的一个示例 −

 Live Demo

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

输出

它将产生以下输出 −

点击“设置用户” −

点击“获取用户” −

在上面的示例中 −

我们取了用户名为 john 和密码为 john123 的链接。

<p><a id="Anchor" href="https://john:[email protected]">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

开启你的 职业生涯

完成课程获取认证

开始学习
广告