根据不同的托管域名更改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