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

有一个非标准功能，但广泛传播 - 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 ) );

demo

Answer 3

在java脚本中调用href的示例

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

找到更多详细信息

使用Javascript将URL转换为可点击链接

4 个答案: