根据不同的托管域名更改HTML链接
问题描述:
我有大约40个域名停放在一个网站上。根据不同的托管域名更改HTML链接
我有一个横幅广告,显示“购买此域名”以及指向我的域名投资组合的链接。
我希望根据用户输入的域来访问域,动态更改此链接。我将指定指向该域的单个销售页面的链接,而不是整个组合。
任何洞察将是一个很大的帮助! 感谢
答
你要检查window.location的,并从解析域名,将其保存在一个变量,然后将其添加到您的链接。
答
您可以使用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。
答
您可以使用window.location
来获取当前网站的网址,几个不同的部分。
对于完整的URL
window.location.href
"https://*.com/questions/33484823/chaning-html-link-based-upon-different-parked-domains"
对于域只有
window.location.hostname
"*.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?