jquery分析文本里url或邮件地址为真实链接的方法


Posted in Javascript onJune 20, 2015

本文实例讲述了jquery分析文本里url或邮件地址为真实链接的方法。分享给大家供大家参考。具体如下:

这段代码可以分析出文本里的所有超级链接,包含邮件、url、#链接等等,并分别输出为真实链接地址

$.fn.tweetify = function() {
 this.each(function() {
  $(this).html(
   $(this).html()
    .replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi,'<a href="$1">$1</a>')
    .replace(/(^|\s)#(\w+)/g,'$1<a href="http://search.twitter.com/search?q=%23$2">#$2</a>')
    .replace(/(^|\s)@(\w+)/g,'$1<a href="http://twitter.com/$2">@$2</a>')
  );
 });
 return $(this);
}

用法:

$("p").tweetify();

原始文本:

<p>@seanhood have you seen this http://icanhascheezburger.com/ #lol</p>

分析以后:

<p><a href="http://twitter.com/seanhood">@seanhood</a> have you seen this
<a href="http://icanhascheezburger.com/">http://icanhascheezburger.com/</a>
<a href="http://search.twitter.com/search?q=%23lol">#lol</a></p>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
top.location.href 没有权限 解决方法
Aug 05 Javascript
js 鼠标点击事件及其它捕获
Jun 04 Javascript
js判断IE浏览器版本过低示例代码
Nov 22 Javascript
用JavaScript实现对话框的教程
Jun 04 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
May 17 Javascript
JS实现图片手风琴效果
Apr 17 Javascript
javascript用rem来做响应式开发
Jan 13 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
Aug 19 Javascript
js代码规范之Eslint安装与配置详解
Sep 08 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
Sep 24 Javascript
JavaScript生成随机验证码代码实例
Sep 28 Javascript
axios 实现post请求时把对象obj数据转为formdata
Oct 31 Javascript
jQuery实现文本框输入同步的方法
Jun 20 #Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 #Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 #Javascript
JQuery实现的图文自动轮播效果插件
Jun 19 #Javascript
移除AngularJS下URL中的#字符的方法
Jun 19 #Javascript
使用AngularJS创建单页应用的编程指引
Jun 19 #Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 #Javascript
You might like
加速XP搜索功能堪比vista
2007/03/22 PHP
连接到txt文本的超链接,不直接打开而是点击后下载的处理方法
2009/07/01 PHP
在VS2008中编译MYSQL5.1.48的方法
2010/07/03 PHP
PHP连接局域网MYSQL数据库的简单实例
2013/08/26 PHP
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
PHP 数据结构队列(SplQueue)和优先队列(SplPriorityQueue)简单使用实例
2015/05/12 PHP
php版微信小店调用api示例代码
2016/11/12 PHP
php面向对象程序设计中self与static的区别分析
2019/05/21 PHP
插件:检测javascript的内存泄漏
2007/03/04 Javascript
javascript脚本调试方法小结
2008/11/24 Javascript
第一个JavaScript入门基础 document.write输出
2010/02/22 Javascript
JQuery页面的表格数据的增加与分页的实现
2013/12/10 Javascript
浅析Cookie中的Path与domain
2013/12/18 Javascript
首页图片漂浮效果示例代码
2014/06/05 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
jquery实现键盘左右翻页特效
2015/04/30 Javascript
JQuery标签页效果的两个实例讲解(4)
2015/09/17 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
2015/09/19 Javascript
javascript插件开发的一些感想和心得
2016/02/28 Javascript
nodejs简单实现操作arduino
2016/09/25 NodeJs
微信小程序 location API实例详解
2016/10/02 Javascript
利用nvm管理多个版本的node.js与npm详解
2017/11/02 Javascript
vue里面父组件修改子组件样式的方法
2018/02/03 Javascript
vue实现a标签点击高亮方法
2018/03/17 Javascript
构建Vue大型应用的10个最佳实践(小结)
2019/11/07 Javascript
js+css实现扇形导航效果
2020/08/18 Javascript
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
Python面向对象特殊成员
2017/04/24 Python
浅谈Scrapy网络爬虫框架的工作原理和数据采集
2019/02/07 Python
浅谈Python中的异常和JSON读写数据的实现
2020/02/27 Python
HTML5 Canvas 破碎重组的视频特效的示例代码
2019/09/24 HTML / CSS
网购亚洲时装、美容产品和生活百货:YesStyle
2016/09/15 全球购物
The Hut美国/加拿大:英国领先的豪华在线百货商店
2019/03/26 全球购物
骨干教师培训制度
2014/01/13 职场文书
班长自荐书范文
2014/02/11 职场文书
2019年描写人生经典诗句大全
2019/07/08 职场文书