HTML DOM 锚点用户名属性
与锚点标签关联的 HTML DOM 锚点用户名属性用于设置或返回 href 属性的用户名部分的值。用户名由用户输入,通常与用户名密码对一起使用。用户名值在协议之后、链接的密码部分之前指定。
语法
以下是 −
返回用户名属性 −
anchorObject.username
设置用户名属性 −
anchorObject.username = UsernameValue
示例
让我们看一看锚点用户名属性的一个示例 −
<!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; }
广告