在锚标记's href属性中使用JavaScript变量

Using JavaScript variable inside an anchor tag's href attribute

本文关键字：属性 变量 JavaScript href      更新时间：2023-09-26

假设我有一个名为link的JavaScript变量，其中包含如下URL: www.google.com。我需要包括这个变量在href属性在2个地方，如:

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

应该返回如下内容:Google

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

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

假设您的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');
Array.from(links).forEach(link => {
  link.href = href;
  link.innerHTML = href.replace('http://', '');
});

JSFiddle

可以使用以下代码:

<a id="myLink" href="link">link</a>
javascript中的

try

<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>

很抱歉。在手机上写字。你不能在飞行中创建锚吗?

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

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

小心

你可以这样做-

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

<<p> HTML部分/strong> 
<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，它将保存您想要分配给a标签的URL。然后在document就绪时，我们得到a元素&用链接更新它的href属性

使用jquery可以很容易地做到这一点。

首先给你一个class/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/

相关文章：