如何使用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
-
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>';
或者像@travisbuild议的那样 :
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”,而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>