如何使用javascript创建链接?

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

  1. 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);
    
  2. document.getElementsByTagName('body')[0].innerHTML += '<a href="'+desiredLink+'">'+desiredText+'</a>';
    

    或者,正如@travis所建议的那样:

    document.getElementsByTagName('body')[0].innerHTML += desiredText.link(desiredLink);
    
  3. <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

  1. $('<a href="'+desiredLink+'">'+desiredText+'</a>').appendTo($('body'));
    
  2. $('body').append($('<a href="'+desiredLink+'">'+desiredText+'</a>'));
    
  3. var a = $('<a />');
    a.attr('href',desiredLink);
    a.text(desiredText);
    $('body').append(a);
    

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