如何使用JavaScript创build链接?

我有一个string的标题和链接的string。 我不知道如何把这两个在一起使用Javascript创build一个页面上的链接。 任何帮助表示赞赏。

编辑1:添加更多的细节问题。 我试图找出原因是因为我有一个RSS源,并有一个标题和URL的列表。 我想将这些标题链接到该url以使网页有用。

编辑2:我正在使用jQuery,但是它是完全新的,并没有意识到它可以帮助在这种情况下。

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

用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>'; 

    或者像@travisbuild议的那样 :

     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”,而desiredLink是一个variables,用于保存锚元素指向的地址, desiredText是保存文本的variables显示在锚元素中。

使用JavaScript创build链接:

 <script language="javascript"> <!-- document.write("<a href=\"www.example.com\">"); document.write("Your Title"); document.write("</a>"); //--> </script> 

要么

 <script type="text/javascript"> document.write('Your Title'.link('http://www.example.com')); </script> 

要么

 <script type="text/javascript"> newlink = document.createElement('a'); newlink.innerHTML = 'Google'; newlink.setAttribute('title', 'Google'); newlink.setAttribute('href', 'http://google.com'); document.body.appendChild(newlink); </script> 

有几种方法:

如果你想使用原始的Javascript(没有像JQuery这样的帮手),那么你可以做如下的事情:

 var link = "http://google.com"; var element = document.createElement("a"); element.setAttribute("href", link); element.innerHTML = "your text"; // and append it to where you'd like it to go: document.body.appendChild(element); 

另一种方法是将链接直接写入文档中:

 document.write("<a href='" + link + "'>" + text + "</a>"); 

用原始JavaScriptdynamic创build超链接:

  var anchorElem = document.createElement('a'); anchorElem.setAttribute("href", yourLink); anchorElem.innerHTML = yourLinkText; document.body.appendChild(anchorElem); // append your new link to the body 
  <script> _$ = document.querySelector .bind(document) ; var AppendLinkHere = _$("body") // <- put in here some CSS selector that'll be more to your needs var a = document.createElement( 'a' ) a.text = "Download example" a.href = "//bit\.do/DeezerDL" AppendLinkHere.appendChild( a ) // a.title = 'Well well ... a.setAttribute( 'title', 'Well well that\'sa link' ); </script> 

你把它粘贴在里面:

<A HREF = "index.html">Click here</A>