HTML DOM Anchor pathname屬性 HTML DOM Anchor pathname屬性傳回URL中的路徑名部分
- 王林轉載
- 2023-09-07 21:37:011324瀏覽
HTML DOM Anchor pathname 屬性用於設定或傳回 href 屬性的路徑名稱。
以下是設定 pathname 屬性的語法 -
anchorObj.pathname = path
上面，path是URL的路徑名。
以下是傳迴路徑名屬性的語法-
anchorObj.pathname
現在讓我們來看一個實作DOM 錨點路徑名屬性的範例-
範例
即時示範
<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" hreflang="en" href="https −//abc.com/abc.html/#new">Products</a></p>
<h2 id="myid"></h2>
<button onclick="display1()">Display pathname</button>
<button onclick="display2()">Display hreflang</button>
<script>
function display1() {
var a = document.getElementById("mylink").pathname;
document.getElementById("myid").innerHTML = a;
}
function display2() {
var a = document.getElementById("mylink").hreflang;
document.getElementById("myid").innerHTML = a;
}
</script>
</body>
</html>輸出
上面，點選「顯示路徑名稱」即可顯示路徑部分-
以上是HTML DOM Anchor pathname屬性 HTML DOM Anchor pathname屬性傳回URL中的路徑名部分的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除