如何将 var 添加到 href

发布于 2024-08-19 13:50:22 字数 271 浏览 5 评论 0原文

我需要这样的东西:

var link = " http://www.google.com";

<a href='link' />

所以我需要使用一个变量作为链接的 href 属性。这可能吗?

它与 "" 配合使用。有更好的办法吗?

I need something like this:

var link = " http://www.google.com";

<a href='link' />

So I need to use a variable as href attribue of a link. Is this possible?

It worked with "<a href= '" + link + "' />". Is there a better way?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

明天过后 2024-08-26 13:50:22

您应该在服务器上设置 href 值,为此使用脚本是糟糕的设计。

然而,要回答这个问题,可以通过使用脚本在 DOM 中设置 A 元素的 href 属性来完成,例如:

<a href="<a useful URI if javascript not available>" id="a0">foo</a>

<script type="text/javascript">
  var a = document.getElementById('a0');
  if (a) {
    a.href = "http://www.google.com";
  }
</script>

当然还有一千种其他方法,但都有其缺陷。所以在服务器上设置该值并避免它们。

-- 
Rob

You should set the href value on the server, it is bad design to use scripting for this.

However, to answer the question, it can be done by using script to set the href property of the A element once it is in the DOM, e.g.:

<a href="<a useful URI if javascript not available>" id="a0">foo</a>

<script type="text/javascript">
  var a = document.getElementById('a0');
  if (a) {
    a.href = "http://www.google.com";
  }
</script>

Of course there are a thousand other ways, all with their pitfalls. So set the value on the server and avoid them all.

-- 
Rob
凌乱心跳 2024-08-26 13:50:22

使用 jQuery 这将是

var link = "http://www.google.com";
$("a[href='link']").attr("href", link);

虽然这不会优雅地降级如果 javascript 被关闭并且你可能想要使用其他东西而不是通过 href 进行选择。

Using jQuery this would be

var link = "http://www.google.com";
$("a[href='link']").attr("href", link);

Though this would not degrade gracefully should javascript be turned off and you'd probably want to use something else rather than selecting by the href anyways.

倾`听者〃 2024-08-26 13:50:22

如果您实际上正在编写这两行代码,那么使用 write

Google

会更容易否则,您将需要使用 JavaScript 来设置链接的 href 属性,这将需要获取对其的引用(这意味着您应该设置其 id 属性)。

因此,您可以编写如下内容:

Google

并在 JavaScript 中编写:

document.getElementById("myLink").href=link

但首先,请考虑这是否真的有必要(或在您的问题中提供更多详细信息)。

If you are actually writing both of those lines of code, it would be much easier to use write

<a href="http://www.google.com">Google</a>

Otherwise, you will need to use JavaScript to set the href property of your link, which will require getting a reference to it (which means you should set its id property).

So you could write something like:

<a id="myLink">Google</a>

and in your JavaScript have:

document.getElementById("myLink").href=link

but first, please think about whether this is really necessary (or provide some more details in your question).

各空 2024-08-26 13:50:22

您正在使用 Jetpack,因此可以执行.toXMLString()

如果您只想创建 元素,请使用以下内容。

var anchor = document.createElement("a");
anchor.href = link;

You're using Jetpack, so you can do <a href={link}/>.toXMLString().

If all you want to do is create an <a/> element, use the following.

var anchor = document.createElement("a");
anchor.href = link;
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文