Question

我希望href包含用javascript设置的变量，我还需要页面上显示的文本是变量。在下面的示例中，我希望将字符串“ http://google.com”分配给变量，我还需要将“我的链接名称”作为变量。我在这里看过类似的问题，但是我看不出如何解决这种特殊情况。

  <a href="http://google.com">Go Here Now</a><br>

在下面的示例中，我可以创建一个名为myLinkName的变量，并将其设置为字符串“ Go here now”，但是我不知道如何创建变量并将其设置为href的值，例如“ http://google.com”

<script type="text/javascript">
   var myLinkName = "Go Here Now";
</script>

<a href="http://google.com">
  <script type="text/javascript">
    document.write(myLinkName)
  </script></a>

Answer 1

您必须使用DOM API

HTML

<a id="aLink"></a>

JavaScript

let link = document.getElementById('aLink');
link.href = "https://google.com";
link.innerText = 'This is my Link'

完整代码：

<html>
  <body>
    <a id="aLink"></a>

    <script>
      let link = document.getElementById('aLink');
      link.href = "https://google.com";
      link.innerText = 'This is Link';
    </script>

  </body>
</html>

Answer 2

<script>
let myURL = "http://google.com";
document.getElementsByTagName("a")[0].setAttribute("href", myURL);
</script>

Answer 3

您可以这样设置href属性

 var text = 'Go Here Now';
    var href = 'http://google.com'
    var atag = document.getElementsByTagName('a')[0];
    atag.innerText = text;
    atag.href = href;

var text = 'Go Here Now';
var href = 'http://google.com'
var atag = document.getElementsByTagName('a')[0];
atag.innerText = text;
atag.href = href;

<a href=""></a><br>

Answer 4

我将创建一个包含您的链接名称和href的对象，并在页面加载时进行相应分配。像这样：

FROM joomla:3.9-php7.2-apache

RUN apt-get update \
&& apt-get install -y apt-utils vim curl

COPY --chown=www-data:www-data ./joomla_html /var/www/html

RUN chmod -R 765 /var/www/html/

COPY ./docker/php.ini /usr/local/etc/php/conf.d/php-extras.ini

EXPOSE 80

语法可能并不完美。而且，根据您的情况，最好使用服务器端代码来完成此操作。希望这会有所帮助！

Answer 5

我担心您正在使用一些非常古老的JavaScript资料。

描述了document.write（）的用法。您所采用的方法已过时。今天，JS还没有被评估，只是被写入文档中。而是显式地操作了文档。

首先：<script>足以声明一些JavaScript。不再需要type属性。

<a id=myLink></a>
<script>
//get a reference to the a element
const myLink = document.getElementById("myLink");

//set the text
myLink.innerText = "Click me!";

//set href
myLink.href = "http://google.com";
</script>

Answer 6

您可以通过执行以下操作来更改href属性：

<a href="http://google.com" id="link">
  <script type="text/javascript">
    var yourtext = 'Go Here Now';
    var href = 'http://google.com';
    document.getElementById('link').href = myLinkName;
    document.getElementById('link').innerText = yourtext;
</script></a>

Answer 7

通过使用JQuery，我们可以对以下元素进行更新/添加href。

HTML代码：

<a href="http://www.live.com/" id="linkId">Click Here</a>

jQuery代码：

$("#linkId").attr("href", "http://www.google.com/'");

使用变量作为href

7 个答案:

HTML代码：

jQuery代码：