使用变量创建 href 链接的格式是什么？答案

【问题标题】：What is the format for creating an href link using a variable?使用变量创建 href 链接的格式是什么？
【发布时间】：2013-09-22 11:20:19
【问题描述】：

我希望我的 href 链接基于可能会更改但始终使用相同页面名称 about.html 的域名。

下面的 javascript 代码确定域应该是 abc.com 还是 xyz.com。我的问题是我不知道如何编写 HTML 代码以便 href 等于： abc或xyz的引用链接加上about.html。

Javascript

$(".abcORxyz").html(document.referrer);

HTML

<a href="What do I need to put here? + .about.html">Other About Page</a>

【问题讨论】：

你在服务器端使用什么？任何生成动态页面的东西，例如 PHP？这将是做到这一点的方法。

标签： jquery html href

【解决方案1】：

您根本不需要在href 属性中添加任何内容。您似乎正在使用 jQuery，因此您可以使用 jQuery 在页面加载时设置 href 属性。

jQuery

$(document).ready(function() {
    $("#aboutLink").attr("href",document.referrer + ".about.html");
});

HTML

<a id="aboutLink" href="#">Other About Page</a>

作为旁注，我鼓励您不要为此目的使用document.referrer，因为您永远不知道该推荐人实际上会是什么。如果谷歌是什么让访问者登陆你使用它的页面怎么办？该链接最终会看起来像https://www.google.com/search?q=about&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a.about.html。

【讨论】：

好的，了解jquery方法很有帮助；但是我知道 HTML 中动态链接的功能，有没有办法在 html 中使用变量构建 href 链接？
@JohnMontague，不，这对于纯 HTML 是不可能的。您必须使用 JavaScript（或作为 JavaScript 框架的 jQuery）在页面加载后更改属性。进一步阐述，纯 HTML 不是动态的。
@JohnMontague，您可以使用服务器端语言（例如 PHP、ASP.Net、Perl 等）来注入变量。如果您能说出您使用的是哪种语言（如果有的话），那么我将更新我的答案以说明如何使用该语言。