根据不同的托管域更改HTML链接

时间:2015-11-02 18:54:00

标签: javascript html dns

我有大约40个域名停放在一个网站上。

我有一个横幅广告,显示“购买此域名”,其中包含指向我的域名组合的链接。

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

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

3 个答案:

答案 0 :(得分:2)

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

完整网址

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),并将其作为查询参数传递到网址中。

// 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?进行检查

答案 1 :(得分:1)

您想要检查window.location并从中解析域名,将其保存在变量中,然后将其添加到您的链接中。

答案 2 :(得分:1)

您可以使用 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