我有一个标题字符串和一个链接字符串。我不确定如何将两者放在一起以使用 Javascript 在页面上创建链接。任何帮助表示赞赏。
EDIT1：为问题添加更多细节。 我试图弄清楚这一点的原因是因为我有一个 RSS 提要并有一个标题和 URL 列表。我想将标题链接到 URL 以使页面有用。
EDIT2：我正在使用 jQuery，但对它完全陌生，不知道它在这种情况下会有所帮助。
【问题讨论】：
标签： javascript jquery html dom hyperlink
<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>
【讨论】：
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>
$('<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);
在所有上述示例中，您可以将锚附加到任何元素，而不仅仅是“主体”，desiredLink 是一个变量，用于保存锚元素指向的地址，desiredText 是一个变量保存将在锚元素中显示的文本。
【讨论】：
document.getElementsByTagName('body')[0].innerHTML += desiredText.link(desiredLink);
+) 和 .innerHTML。使用 jQuery，.attr("href", desiredLink) 和 .text(desiredText) 就是你想要的。
使用 JavaScript 创建链接：
<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>");
【讨论】：
<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\'s a link'
);
</script>“锚对象”具有自己的*（继承）* 属性，用于设置链接，即其文本。所以只需使用它们。 .setAttribute 更通用，但您通常不需要它。 a.title ="Blah" 也会这样做，而且更清楚！
那么需要 .setAttribute 的情况是这样的：var myAttrib = "title"; a.setAttribute( myAttrib , "Blah")
让协议保持打开状态。 而不是 http://example.com/path 考虑只使用 //example.com/path。 检查 example.com 是否可以通过 http: 和 https: 访问，但 95 % 的网站可以同时在两者上运行。
OffTopic： 这与在 JS 中创建链接并不真正相关
但也许很高兴知道：
好吧，有时就像在 chromes 开发控制台中，您可以使用 $("body") 而不是 document.querySelector("body") _$ = document.querySelector将在您第一次使用它时以 非法调用 错误“尊重”您的努力。那是因为分配只是“抓取”.querySelector（对 class 方法的引用）。使用.bind(...，您还将涉及上下文（这里是document），您将获得一个可以按预期工作的object 方法。
【讨论】：
使用原始 JavaScript 动态创建超链接：
var anchorElem = document.createElement('a');
anchorElem.setAttribute("href", yourLink);
anchorElem.innerHTML = yourLinkText;
document.body.appendChild(anchorElem); // append your new link to the body
【讨论】：
你把这个贴在里面：
<A HREF = "index.html">Click here</A>
【讨论】：