如何使用HTML或Javascript将用户输入的网站识别为链接标签

How to recognize user inputted websites as link tags using HTML or Javascript?

本文关键字：网站 识别 标签 链接 输入 用户 HTML 何使用 Javascript      更新时间：2023-09-26

如果用户输入以下任何一项：

  • http://www.foo.com
  • www.example.org
  • fooexample.gov/images/foo.jpg

那么脚本应该自动使输出将这些识别为链接

几乎每一个电子邮件服务都这样做，大多数专业的动态网站也是如此，所以我想知道这是如何编码的。

感谢：）

我为您的问题写了一个演示，在这里：http://jsfiddle.net/abruzzi/9dqbf9fr/4/

实际上，密钥是用regExp替换url字符串，如下所示：

$('textarea').change(function() {
    var tmp = $(this).val();
    var url_reg = /(https?:'/'/)?(['da-z'.-]+)'.([a-z'.]{2,6})(['/'w'.-]*)*/g;
    var result = tmp.replace(url_reg, function(link) {
        return '<a href="' + link + '">'+ link +'</a>';
    });       
    $('p').text(result);
});
  • 首先，您应该将一个事件附加到输入控制器，如jquery中的keyUp、keyDown或input
  • 其次，使用正则表达式来发现控制器中的值是url或电子邮件格式
  • 最后，通过包装元素来动态替换输入值
相关文章：