使用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