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

 这篇文章主要介绍了javascript自动给文本url地址增加链接的方法,有需要的朋友可以参考一下

URL地址自动添加的实现其实就是那么点内容:检测与替换。
 
检测
 
“检测”就是检测文字(字符串)内部是否有符合http地址的内容,显然,这需要用到正则表达式进行验证,这个工作前端和后台都可以做,这里,只讲前端的方法,使用JavaScript实现。
 
验证HTTP地址的正则表达式如下(可能有疏漏或是不准确之处,欢迎指正):
 
代码如下:
var reg = /(http://|https://)((w|=|?|.|/|&|-)+)/g;
 
 
前一部分匹配http或是https开头的URL字符串地址,后面一部分匹配一些字符,英文字符、下划线(_)、点号(.)、问号(?)以及等号(=),连接短线(-)等。
 
替换 www.jb51.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-01 18:27:58

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

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

URL地址自动添加的实现其实就是那么点内容:检测与替换. 检测 "检测"就是检测文字(字符串)内部是否有符合http地址的内容,显然,这需要用到正则表达式进行验证,这个工作前端和后台都可以做,这里,只讲前端的方法,使用JavaScript实现. 验证HTTP地址的正则表达式如下(可能有疏漏或是不准确之处,欢迎指正):  代码如下 复制代码 var reg = /(http://|https://)((w|=|?|.|/|&|-)+)/g; 前一部分匹配http或是https开头

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

ACCESS数据库修改自动编号的ID值为零的方法分享_Access

我们在开发软件,或者网站制作时候,经常用ACCESS MDB数据库进行调试,很多自动编号的数据都删除了,最后ID很大,或者不连贯.针对ACCESS数据库,有时候因删除内容导致ID跳号,或者其他原因,想修改自动编号的ID,怎么操作呢?让我们一步一步对ACCESS数据库ID进行归零,修改自动编号的ID值,再重新自动编号. 以下是我的修改方法,是可行的,与大家分享一下:(操作之前,一定要备份数据库,防止意外发生,呵呵) 1.备份ACCESS数据库(这个是必须的) 2.打开数据库,右键点击要修改ID值的