Javascript中有没有办法将HTML文档中的链接转换为可点击的链接？

纯Javascript中有没有办法将HTML文档中的链接转换为可点击的链接？我不想用正则表达式来解决这个问题

假设我在HTML5文档中有以下列表：

<pre>
http://www.test.com
http://www.example.com
http://nicelink.com
</pre>

var str = $('pre').html().trim();
var ar = str.split('\n');
var html = "";
for(var i=0;i<ar.length;i++)
{
    html +="<a href='"+ar[i]+"'>"+ar[i]+"</a><br>";
}
console.log(html);
$('body').html(html);

http://www.test.com
http://www.example.com
http://nicelink.com

我希望它在加载页面时自动变成这样：

如果我在标题中添加脚本，那么普通JS代码会是什么样子？在HTML代码中循环并替换行的东西，我想，但我不能用JS编写它

指定一种方法：

var str=$（'pre'）.html（）.trim（）；
var ar=str.split（'\n'）；
var html=“”；
对于（var i=0；i
”；
}
log（html）；
$（'body'）.html（html）；

---

到目前为止你做了什么？看起来不错。这真的是最终答案吗？它涵盖了所有情况吗？我知道URI的语法可能很复杂。

var str = $('pre').html().trim();
var ar = str.split('\n');
var html = "";
for(var i=0;i<ar.length;i++)
{
    html +="<a href='"+ar[i]+"'>"+ar[i]+"</a><br>";
}
console.log(html);
$('body').html(html);