Javascriptを使用してURLをクリック可能なリンクに変換する

Question

フォームに 'patentURL'というテキストフィールドがあります。ユーザーはレコードを保存している間、このフィールドに完全なURLを入力します。ユーザーがこのレコードを検索すると、入力されたURLをクリック可能にする必要があります。つまり結果ページで、入力されたURLをクリック可能にする必要があります。

Javascriptを使用してこれを達成するにはどうすればよいですか？

Answer 1

私が正しくあなたがリンクにURLを置く必要があります理解している場合：JavaScriptを使用して

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

：

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

例は

function call_link(){ 

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

} 

Answer 4

あなたはこのあなたはより詳細な情報を見つけることができるリンクに任意のテキストに変換することができます

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>'); 
} 

このような外観を持って実現するためにはJavaScriptの正規表現を使用することができますJavaスクリプトのhrefをコールしますここhttp://talkerscode.com/webtricks/convert-url-text-into-clickable-html-links-using-javascript.php