使用 Javascript 将 URL 转换为可点击的链接答案

【问题标题】：Converting URL into clickable link using Javascript使用 Javascript 将 URL 转换为可点击的链接
【发布时间】：2012-05-09 07:48:24
【问题描述】：

我在表单中有一个名为“patentURL”的文本字段。用户在保存记录时在此字段中输入完整的 URL。当用户搜索这条记录时，输入的 URL 应该是可点击的。即在结果页面中，输入的 URL 应该是可点击的。

如何使用 Javascript 实现这一点？

【问题讨论】：

这能回答你的问题吗？ Use Javascript to get url of the page and use it in a link

标签： javascript html url

【解决方案1】：

有一个非标准函数，但传播广泛——link() ^MDC

function makeClickable(url) {
    return String.prototype.link ? url.link(url) : '<a href="'+url+'">'+url+'</a>';
}

function makeDOMClickable(url) {
    var link = document.createElement('a');
    link.href = url;
    link.innerHTML = url;
    return link;
}

var url = "http://localhost";
document.write ( makeClickable ( url ) );
document.body.appendChild ( makeDOMClickable ( url ) );

demo

【讨论】：

【解决方案2】：

如果我理解正确，您应该将网址放在链接中：

<a href = "URL_ENTERED">URL_ENTERED</a>

使用javascript：

var link = document.createElement('a');//create link
link.setAttribute('href', 'URL_ENTERED');//set href
link.innerHTML = 'URL_ENTERED';//set text to be seen
document.body.appendChild(link);//add to body

【讨论】：

如何在javascript中使用这个'href'？

【解决方案3】：

你可以使用javascript正则表达式来实现这个看看

function convert()
{
  var text=document.getElementById("url").value;
  var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
  var text1=text.replace(exp, "<a href='$1'>$1</a>");
  var exp2 =/(^|[^\/])(www\.[\S]+(\b|$))/gim;
  document.getElementById("converted_url").innerHTML=text1.replace(exp2, '$1<a target="_blank" href="http://$2">$2</a>');
}

这样您可以将任何文本转换为链接，您可以在此处找到更多详细信息http://talkerscode.com/webtricks/convert-url-text-into-clickable-html-links-using-javascript.php

【讨论】：

【解决方案4】：

在 Javascript 中调用 href 的示例：

function call_link() {
    location.href = 'www.google.com';
}

【讨论】：