這個href javascript邏輯是如何工作的？

Question

我犯了一個錯誤，忘了一些代碼，我在寫使用屬性值：

<a href="http://somesite.org/test-link/1" class="summary-title-link"></a> 

var link = document.getElementsByClassName("summary-title-link")[0], 
    ele = document.createElement("a"); 
ele.href = link; 

，我很驚訝地看到，它仍然工作不管。

<a href="http://somesite.org/test-link/1"></a>

在擴展下面這個例子中，我覺得很奇怪，我並不需要針對使用路徑之前href屬性？它似乎假設我想從href屬性中獲取路徑名。

var link = document.getElementsByClassName("summary-title-link")[0].pathname; 

"/test-link/1"

Answer 1

當您將錨元素爲一個字符串，你實際上得到href值，或者更準確地說「整個URL」，而不是outerHTML，你會與其他大多數元素，這就是爲什麼它的工作原理

var href = document.getElementsByClassName("test")[0]; // DOM element 
 

 
console.log(href.toString()); // gives you "http://google.com"

<a class="test" href="http://google.com">link</a>

錨杆這種特殊的行爲在specification

HTMLHyperlinkElementUtils.toString（）

返回一個包含整個URL一個USVString 規定。
它是URLUtils.href的同義詞，儘管它不能用於修改值。