问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

如何使用 javascript 创建链接？

社区维基
1
新手上路，请多包涵

我有一个标题字符串和一个链接字符串。我不确定如何将两者放在一起使用 Javascript 在页面上创建链接。任何帮助表示赞赏。

EDIT1：为问题添加更多细节。

我试图弄清楚这一点的原因是因为我有一个 RSS 提要和一个标题和 URL 列表。我想将标题链接到 URL 以使页面有用。

EDIT2：我正在使用 jQuery，但对它完全陌生，不知道它在这种情况下会有所帮助。

原文由 Xavier 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译javascriptjqueryhtmldomhyperlink
阅读 987
2 个回答
得票最新
社区维基
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>

原文由 Jared Farrish 发布，翻译遵循 CC BY-SA 4.0 许可协议

社区维基
1

使用 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);
  1. ”` 


## 使用 JQuery

1. ```
    $('<a href="'+desiredLink+'">'+desiredText+'</a>').appendTo($('body'));
  1. ”` \(('body').append(\)(’’+desiredText+’’));

3. ```
    var a = $('<a />');
   a.attr('href',desiredLink);
   a.text(desiredText);
   $('body').append(a);

在以上所有示例中，您可以将锚点附加到任何元素，而不仅仅是“主体”，并且 desiredLink 是一个变量，用于保存您的锚点元素指向的地址，并且 desiredText 是一个变量，它保存将在锚元素中显示的文本。

原文由 gion_13 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题