首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用javascript创建链接?

如何使用javascript创建链接?
EN

Stack Overflow用户
提问于 2011-01-23 15:37:37
回答 4查看 453K关注 0票数 147

我有一个标题的字符串和一个链接的字符串。我不确定如何使用Javascript将两者放在一起来创建页面上的链接。任何帮助都是非常感谢的。

EDIT1:向这个问题添加更多细节。我尝试解决这个问题的原因是因为我有一个RSS提要,并且有一个标题和URL列表。我想将标题链接到URL,以使页面变得有用。

EDIT2:我正在使用jQuery,但我对它完全陌生,没有意识到它对这种情况有帮助。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-01-23 15:46:28

代码语言:javascript
复制
<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>
票数 252
EN

Stack Overflow用户

发布于 2011-01-23 15:52:27

有几种方法:

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

代码语言:javascript
复制
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);

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

代码语言:javascript
复制
document.write("<a href='" + link + "'>" + text + "</a>");
票数 13
EN

Stack Overflow用户

发布于 2011-01-23 15:46:38

使用原始JavaScript动态创建超链接:

代码语言:javascript
复制
   var anchorElem = document.createElement('a');
   anchorElem.setAttribute("href", yourLink);
   anchorElem.innerHTML = yourLinkText;

   document.body.appendChild(anchorElem); // append your new link to the body
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4772774

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档