連結a物件的pathname屬性

antzone發表於2017-04-11

除了location物件具有pathname屬性,其實連結a物件也具有此屬性。

再補充一點,location具有的屬性連結a物件也有,不過location物件的方法,連結a物件不一定具有。

感興趣的朋友可以自己測試一下,下面就分享一段關於pathname的程式碼例項。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
window.onload = function () {
  var olink = document.getElementById("link");
  var odiv = document.getElementById("antzone");
  odiv.innerHTML = olink.pathname;
}
</script>
</head>
<body>
<a id="link" href="css.html">螞蟻部落</a>
<div id="antzone"></div>
</body>
</html>

上面的程式碼驗證了pathname樹形的用法,更多內容可以參閱相關閱讀。

相關閱讀:

(1).location物件可以參閱javascript location一章節。

(2).innerHTML可以參閱innerHTML一章節。

相關文章