首頁 > web前端 > html教學 > HTML DOM Anchor pathname屬性 HTML DOM Anchor pathname屬性傳回URL中的路徑名部分

HTML DOM Anchor pathname屬性 HTML DOM Anchor pathname屬性傳回URL中的路徑名部分

王林
發布: 2023-09-07 21:37:01
轉載
1472 人瀏覽過

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 &minus;//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中的路径名部分

上面,點選「顯示路徑名稱」即可顯示路徑部分-

HTML DOM Anchor pathname屬性

HTML DOM Anchor pathname屬性傳回URL中的路徑名部分

以上是HTML DOM Anchor pathname屬性 HTML DOM Anchor pathname屬性傳回URL中的路徑名部分的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板