如何使用javascript创建链接？

javascript dom jquery html hyperlink

2022-08-30 02:33:48

我有一个标题字符串和一个链接字符串。我不确定如何将两者放在一起，以使用Javascript在页面上创建链接。任何帮助是值得赞赏的。

编辑1：为问题添加更多细节。我试图弄清楚这一点的原因是因为我有一个RSS提要，并且有一个标题和URL列表。我想将标题链接到URL以使页面有用。

编辑2：我正在使用jQuery，但我对它完全陌生，并不知道它在这种情况下会有所帮助。

答案 1

<html>
  <head></head>
  <body>
    <script>
      var a = document.createElement('a');
      var linkText = document.createTextNode("my title text");
      a.appendChild(linkText);
      a.title = "my title text";
      a.href = "http://example.com";
      document.body.appendChild(a);
    </script>
  </body>
</html>

答案 2

使用 JavaScript

var a = document.createElement('a');
a.setAttribute('href',desiredLink);
a.innerHTML = desiredText;
// apend the anchor to the body
// of course you can append it almost to any other dom element
document.getElementsByTagName('body')[0].appendChild(a);

document.getElementsByTagName('body')[0].innerHTML += '<a href="'+desiredLink+'">'+desiredText+'</a>';

或者，正如@travis所建议的那样：

document.getElementsByTagName('body')[0].innerHTML += desiredText.link(desiredLink);

<script type="text/javascript">
//note that this case can be used only inside the "body" element
document.write('<a href="'+desiredLink+'">'+desiredText+'</a>');
</script>

使用JQuery

$('<a href="'+desiredLink+'">'+desiredText+'</a>').appendTo($('body'));

$('body').append($('<a href="'+desiredLink+'">'+desiredText+'</a>'));

var a = $('<a />');
a.attr('href',desiredLink);
a.text(desiredText);
$('body').append(a);

在上面的所有示例中，您都可以将锚点追加到任何元素，而不仅仅是“body”，它是一个包含锚点元素指向的地址的变量，并且是一个包含将在锚点元素中显示的文本的变量。desiredLinkdesiredText