javascript自动给文本url地址增加链接的方法

URL地址自动添加的实现其实就是那么点内容:检测与替换。

检测

“检测”就是检测文字(字符串)内部是否有符合http地址的内容,显然,这需要用到正则表达式进行验证,这个工作前端和后台都可以做,这里,只讲前端的方法,使用JavaScript实现。

验证HTTP地址的正则表达式如下(可能有疏漏或是不准确之处,欢迎指正):

 代码如下 复制代码

var reg = /(http://|https://)((w|=|?|.|/|&|-)+)/g;

前一部分匹配http或是https开头的URL字符串地址,后面一部分匹配一些字符,英文字符、下划线(_)、点号(.)、问号(?)以及等号(=),连接短线(-)等。

替换 www.111cn.net
说到JavaScript中的替换功能,首先想到的自然是replace属性了,replace属性强大之处在于其支持正则表达式,可以对符合正则的字符串进行替换。例如,我们要替换掉字符串两端的空格就可以使用类似下面的语句:

 代码如下 复制代码

var s = " blank ";
s = s.replace(/^s+(.*?)s+$/, "");
alert(s);

就会得到”blank”,两端的空格被剔除了。同样的,这里只要将匹配的http地址替换成<a>标签嵌套的含有href属性的http地址就可以了

例,这个表达式可以匹配 http,https,ftp,ftps以及IP地址的URL地址。

 代码如下 复制代码

var URL = /(https?://|ftps?://)?((d{1,3}.d{1,3}.d{1,3}.d{1,3})(:[0-9]+)?|([w]+.)(S+)(w{2,4})(:[0-9]+)?)(/?([w#!:.?+=&%@!-/]+))?/ig;

还算是URL地址匹配计较完善的。利用这个表达式我写了两个小函数,将用户留言的URL地址替换成可点击的链接,没有什么太难的,就是利用JavaScript 的 replace() 函数来实现替换 URL 为 link:

 代码如下 复制代码

/**
 * JavaScrit 版本
 * 将URL地址转化为完整的A标签链接代码
 */

var replaceURLToLink = function (text) {
        text = text.replace(URL, function (url) {
            var urlText = url;
            if (!url.match('^https?://')) {
                url = 'http://' + url;
            }
            return '' + urlText + '';
        });

        return text;
    };

时间: 2024-11-03 10:58:31

javascript自动给文本url地址增加链接的方法的相关文章

javascript自动给文本url地址增加链接的方法分享

 这篇文章主要介绍了javascript自动给文本url地址增加链接的方法,有需要的朋友可以参考一下 URL地址自动添加的实现其实就是那么点内容:检测与替换.   检测   "检测"就是检测文字(字符串)内部是否有符合http地址的内容,显然,这需要用到正则表达式进行验证,这个工作前端和后台都可以做,这里,只讲前端的方法,使用JavaScript实现.   验证HTTP地址的正则表达式如下(可能有疏漏或是不准确之处,欢迎指正):   代码如下: var reg = /(http://|

js-post提交到模态框,无法获取url地址增加的参数

问题描述 post提交到模态框,无法获取url地址增加的参数 使用的bootstrap,新页面在模态框中显示.使用getquerystring无法获取id,显示null,如果直接location.href=地址,可以获得到id.要怎么做呢,url确定附带id了,但是跳转后却没了 解决方案 ajax请求的吧,这样浏览器地址栏当然没有参数,你的getquerystring肯定是通过location.href或者location.search来分析获取参数的,地址栏都没有参数当然获取不到 用全部变量保

Python实现从URL地址提取文件名的方法

 本文实例讲述了Python实现从URL地址提取文件名的方法.分享给大家供大家参考.具体分析如下: 如:地址为 http://www.3lian.net/images/logo.gif 要想从该地址提取logo.gif,只需要一句代码就可以搞定 ? 1 2 3 4 import os url = 'logo.gif' filename = os.path.basename(url) print(filename) 输出为: logo.gif 希望本文所述对大家的Python程序设计有所帮助.

Javascript验证用户输入URL地址是否为空及格式是否正确

 代码如下: <script type="text/javascript"> function checkUrl() { var url = document.getElementById('url').value; if (url==''){ alert('URL 地址不能为空'); return false; } else if (!isURL(url)) { alert('URL 的格式应该是 http://www.jb51.net'); return false;

Javascript验证用户输入URL地址是否为空及格式是否正确_javascript技巧

复制代码 代码如下: <script type="text/javascript"> function checkUrl() { var url = document.getElementById('url').value; if (url==''){ alert('URL 地址不能为空'); return false; } else if (!isURL(url)) { alert('URL 的格式应该是 http://www.jb51.net'); return fal

Javascript验证用户输入URL地址是否正确

   代码如下 复制代码 <script type="text/javascript"> function checkUrl() {  var url = document.getElementById('url').value;  if (url==''){   alert('URL 地址不能为空');  return false;  } else if (!isURL(url)) {   alert('URL 的格式应该是 http://www.111cn.net');

Javascript获取URL地址变量参数值的方法

今天碰到在做一个动态页面的时候,需要用到 URL 的参数值来作判断,从而决定某一块内容在当前页面是否显示.例如exampe.html?parm1=xxx&parm2=xxx&parm3=xxx&-,在这里就需要获取.html后面的所有参数的值. 脑子里的第一个想法是利用"&"符号分割 URL ,从而达到获取参数值的目的. 同时在网上搜了下,实地操作后,记录如下. 方法一:在某一块内容的 div 标签后面,加入如下 Javascript 代码:  代码如下

解决java页面URL地址传输参数乱码的方法_java

以下就是为大家分享的URL地址传输参数乱码的解决方法: 1.在tomcat中配置:在tomcat安装目录下面找到conf下面的server.xml找到以下代码段,修改URIEncoding为GBK: <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" URIEncoding="GBK&q

javascript自动恢复文本框点击清除后的默认文本_javascript技巧

本文实例介绍了点击文本框清除默认文本离开再恢复的js实例代码,分享给大家供大家参考,具体内容如下 相关知识: 1.onclick事件的定义和用法: 当点击对象的时候会触发此事件. 浏览器支持: 1).IE浏览器支持此事件. 2).火狐浏览器支持此事件. 3).Opera浏览器支持此事件. 4).谷歌浏览器支持此事件. 5).safria浏览器支持此事件. 实例代码: <html> <head> <meta charset="gb2312"/> <