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

Question

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

如何使用Javascript实现此目的？

Answer 1

如果我理解正确的，你应该把这个网址链接：

<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 

Answer 2

有一个非标准的功能，但广为流传 - 链接（）^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

Answer 3

例如调用HREF在Java脚本

function call_link(){ 

location.href='www.google.com'; 

} 

Answer 4

您可以使用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