根據不同的託管域名更改HTML鏈接

Question

我有大約40個域名停放在一個網站上。

我有一個橫幅廣告，顯示「購買此域名」以及指向我的域名投資組合的鏈接。

我希望根據用戶輸入的域來訪問域，動態更改此鏈接。我將指定指向該域的單個銷售頁面的鏈接，而不是整個組合。

任何洞察將是一個很大的幫助！ 感謝

Answer 1

你要檢查window.location的，並從解析域名，將其保存在一個變量，然後將其添加到您的鏈接。

Answer 2

您可以使用location.host來查找當前頁面的域名，並在javascript中使用該信息。

function goto(domain) { 
 
    location.href = domain; // navigate to the given domain 
 
}

<!-- location.host gives you the domain of the page --> 
 
<h1 onclick="goto(location.host)">Buy this domain!</h1>

我製成的運行示例here。

Answer 3

您可以使用window.location來獲取當前網站的網址，幾個不同的部分。

對於完整的URL

window.location.href 
"https://stackoverflow.com/questions/33484823/chaning-html-link-based-upon-different-parked-domains" 

對於域只有

window.location.hostname 
"stackoverflow.com" 

然後，您可以使用你提供給您的銷售頁面的鏈接此window.location.hostname（可以說www.sales.com），和將其作爲查詢參數傳遞給url。

// Navigate to sales page with domain as query parameter. 
function goToSales() { 
    location.href = "http://www.sales.com/?domain=" + window.location.hostname; 
} 

<a onclick="goToSales()">Buy domain!</a> 

在銷售頁面，那麼你可以再次使用JavaScript和window.location.search或任何其他方式首選閱讀領域獲得查詢參數在你的服務器端語言。

對於window.location的屬性更多的例子從這裏location.host vs location.hostname and cross-browser compatibility?

引用您可以檢查此 interactive site