0

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

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

如果我理解正确，您应该将网址放在链接中：

<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

href在 Javascript中调用的示例：

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 回答