如何创建可点击的 link？

Question

我现在正在制作 link 生成器。首先，我正在创建 link，然后我将 link 发送给我的朋友，但他无法单击 link，因为有空字符和其他问题。但是，如果您复制我发送给您的整个消息字符串并将地址栏粘贴到浏览器中，您就可以到达 link。因为浏览器可以处理 space 和空字符。我正在尝试找到一个解决方案，我必须在该浏览器之前进行此操作，因此我的朋友可以轻松单击 link 并转到该页面。否则，我之前说过他需要复制整个 link 并将其粘贴到我不想发生的浏览器。

这是我发给我朋友的link（关注最后一个词）

"https://github.com/nodesource/distributions/blob/master/README.md#user-content-installation-instructions:~:text=Node.js%20v14.x%3A#:~:text=Node.js v14.x:"

但我想把这个改成这个

" https://github.com/nodesource/distributions/blob/master/README.md#user-content-installation-instructions:~:text=Node.js%20v14.x%3A#:~:text=Node.js%20v14.x: "

Answer 1

你可以这样做：

function link(str) {
  return str.split(" ").join("%20");
}

这会将所有 empty spaces 替换为 %20 和 return 修改后的 link。

在下面检查它的实际效果：

function link(str) {
  return str.split(" ").join("%20");
}

console.log(link("https://github.com/nodesource/distributions/blob/master/README.md#user-content-installation-instructions:~:text=Node.js%20v14.x%3A#:~:text=Node.js v14.x:"));

如何创建可点击的 link？

How can I create a clickable link?

javascript

text

hyperlink

fragment