자바 스크립트를 사용하여 URL을 클릭 가능한 링크로 변환

Question

양식에 'patentURL'이라는 텍스트 필드가 있습니다. 사용자는 레코드를 저장하는 동안이 필드에 전체 URL을 입력합니다. 사용자가이 레코드를 검색 할 때 입력 된 URL을 클릭 할 수 있어야합니다. 즉 결과 페이지에서 입력 된 URL을 클릭 할 수 있어야합니다.

Javascript를 사용하여 어떻게 달성 할 수 있습니까?

Answer 1

내가 올바르게 링크의 URL을 넣어야 이해하는 경우 : 자바 스크립트와

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

이런 식으로보고를 달성하기 위해 자바 스크립트 정규 표현식을 사용하여 자바 스크립트에서 HREF를 호출 여기 http://talkerscode.com/webtricks/convert-url-text-into-clickable-html-links-using-javascript.php