Question

考虑我有一个名为＆＃34的链接变量;链接＆＃34;其中包含这样的网址：www.google.com。我需要将这个变量包含在2个位置的href标记中，例如：

<a href="link">link</a>

这应该返回这样的内容：

Google

我尝试了各种方法但失败了。有可能这样做吗？应该在两个地方使用Javascript变量。

注意： 我还需要在<a>标签内使用变量

感谢

Answer 1

假设你的html中有以下内容

<a href="link" class='dynamicLink'>link</a>
<a href="link" class='dynamicLink'>link</a>

您可以执行以下操作

 var href = "http://www.google.com"; //any other link as wish
 var links = document.getElementsByClassName('dynamicLink');
 for (var i = 0; i < links.length; i++) {
    links[i].href = href;
    links[i].innerHTML = href.replace('http://',"");
 }

JSFiddle

Answer 2

您可以使用以下代码。

<a id="myLink" href="link">link</a>

在你的javascript尝试

<script>
    var link = "http://www.google.com/";
    document.getElementById('myLink').setAttribute("href",link);
    document.getElementById('myLink').innerHTML = link;
    // Here the link is your javascript variable that contains the url.
</script>

Answer 3

对不起任何拼写错误。写在我的手机上。你不能动态创建锚吗？

anchor =Document.createElement (...)
anchor.href=yourvar-value
anchor.innerText=your-value?

如果需要更复杂的东西，请在Google上搜索javascript数据库

小心

Answer 4

你可以这样做 -

工作演示 - http://codepen.io/nitishdhar/pen/rJLEH

HTML部分

<a href="" class="link">Link will be filled by javascript</a>

您需要在a标记中放置特定的类。我们需要这个来从jQuery中获取这个元素。

Javascript部分（使用jQuery）

var link = "http://google.com";
$(document).ready(function(){
  $('.link').attr('href', link);
});

我们需要创建一个变量link，它将保存您要分配给标签的URL。然后在准备好文件时，我们抓住了一个元素＆amp;使用链接更新其href属性。

Answer 5

你可以通过jquery轻松完成。

1给你一个班级/ id。

<a class="mylink">link</a>

然后你可以做类似的事情：

<script  type='text/javascript'>

$(document).ready(function () {
   $("a.mylink").attr("href", link);
});

</script>

如果您想要更改文本，则必须添加

$("a.mylink").text(link);

到$(document).ready。

看到它起作用： http://jsfiddle.net/symXp/

在<href>标签</href>中使用Javascript变量

5 个答案: