【问题标题】:How to add a var to href如何将 var 添加到 href
【发布时间】:2011-01-08 10:53:32
【问题描述】:

我需要这样的东西:

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

<a href='link' />

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

它适用于"&lt;a href= '" + link + "' /&gt;"。有没有更好的办法?

【问题讨论】:

    标签: javascript dom href


    【解决方案1】:

    您正在使用 Jetpack,因此您可以使用 &lt;a href={link}/&gt;.toXMLString()

    如果您只想创建一个&lt;a/&gt; 元素,请使用以下内容。

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

    【讨论】:

      【解决方案2】:

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

      但是,要回答这个问题,可以使用脚本来设置 A 元素在 DOM 中的 href 属性,例如:

      foo

      【讨论】:

        【解决方案3】:

        如果你真的在写这两行代码,那么使用 write 会容易得多

        &lt;a href="http://www.google.com"&gt;Google&lt;/a&gt;

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

        所以你可以这样写:

        &lt;a id="myLink"&gt;Google&lt;/a&gt;

        在你的 JavaScript 中有:

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

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

        【讨论】:

          【解决方案4】:

          使用 jQuery 这将是

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

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

          【讨论】:

          • Jetpacks JavaScript。在关闭 JavaScript 的情况下无法运行它们。
          猜你喜欢
          • 1970-01-01
          • 2021-04-14
          • 2019-04-25
          • 2017-09-14
          • 1970-01-01
          • 1970-01-01
          • 2012-02-06
          • 2014-01-26
          • 2014-07-11
          相关资源
          最近更新 更多