HTML DOM 锚点 username 属性
htmlweb developmentfront end technology更新于 2024/6/11 15:40:17
与锚点标签关联的 HTML DOM 锚点 username 属性用于设置或返回 href 属性中 username 部分的值。用户名由用户输入，通常用于用户名-密码组合中。用户名值在链接的协议之后、密码部分之前指定。
语法
以下是语法 −
返回 username 属性 −
anchorObject.username
设置 username 属性 −
anchorObject.username = UsernameValue
示例
让我们看一个锚点 username 属性的示例 −
<!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>
然后我们有两个按钮 “Set User” 和 “Get User”，分别用于执行函数 changeUser() 和 GetUser()。
<button onclick="changeUser()">Set User</button> <button onclick="GetUser()">Get User</button>
changeUser() 函数将链接中指定的用户名更改为我们指定的用户名;在本例中为"Rohan"。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;
}
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
