0

I have a text field called 'patentURL' in a form. The user enteres the complete URL into this field while saving the record. When the user searches for this record, the entered URL should be clickable. i.e. in the result page, the entered URL should be clickable.

How do I achieve this using Javascript?

4

4 に答える 4

2

非標準関数がありますが、広く普及しています - 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 ) );

デモ

于 2012-05-09T07:54:37.457 に答える
1

私が正しく理解していれば、URLをリンクに入れる必要があります：

<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
于 2012-05-09T07:51:39.627 に答える
1

hrefJavascriptで呼び出す例:

function call_link() {
    location.href = 'www.google.com';
}
于 2012-05-09T08:00:38.377 に答える
1

これを実現するために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

于 2016-02-24T03:05:14.647 に答える