javascript - 根据不同的停放域更改 HTML 链接

Question

我有大约 40 个域托管到一个网站。

我有一个横幅广告显示“购买此域名”以及指向我的域名组合的链接。

我希望根据用户输入的域动态更改此链接以访问该域。我会指定指向该域的单个销售页面的链接，而不是整个产品组合。

任何见解都会有很大的帮助!谢谢

Answer 1

您可以使用 window.location 获取当前网站 url 的几个不同部分。

完整网址

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

仅限域名

window.location.hostname
"stackoverflow.com"

然后您可以在您提供给销售页面(比方说 www.sales.com)的链接中使用此 window.location.hostname，并将其作为 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 中属性的更多示例，您可以查看此 interactive site从这里引用 location.host vs location.hostname and cross-browser compatibility?