javascript 字串自动添加 URL/EMAIL 链接 By shawl.qiu

javascript 字串自动添加 URL/EMAIL 链接 By shawl.qiu

 说明:
 其实关于自动附加 URL/EMAIL 链接我至少写了不少于十个这样功能的代码了.
 直到最近学JS小成, 弄了一个比较完美的DOM解决方法, 倒是可以无误附加链接.
 但是问题总是会出现的, 虽然用DOM方法可以无误附加链接, 但是却把缩进格式给丢了....
 这个是致命的, 所以就重写了一个不会丢失缩进的啰.
 这个是直接进行字符串处理的, 应该有可能发生错误, 但是出错率会相当低.
 
 目录:
 1. DOM 附加 URL/EMAIL 链接
 2. 字符串附加 URL/EMAIL 链接
 
 shawl.qiu
 2006-12-13
  http://blog.csdn.net/btbtd
 
 1. DOM 附加 URL/EMAIL 链接
 
 
  1. <script type="text/javascript">
  2. //<![CDATA[
  3. onload=function(){
  4. var o_=document;
  5. fDomAtcLink(o_.body, o_);
  6. }
  7. //sqMethod.attachlink(o_.body, o_)
  8. function fDomAtcLink(obj, dcu){
  9. var temp, str='', span;
  10. for(var i=0, j=obj.childNodes.length; i<j; i++){
  11. temp=obj.childNodes[i];
  12. if(temp.nodeType==3){
  13. if(temp.parentNode.nodeName=='A')return false;
  14. if(temp.data.indexOf('http')<0&&temp.data.indexOf('ftp')<0&&
  15. temp.data.indexOf('@')<0)continue;
  16. span=dcu.createElement('span');
  17. str=temp.data.replace(//&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
  18. //str=sqMethod.encode(temp.data);
  19. str=str.replace(/(ht|f)tp(s|)/:[/-/w.:]+(//[^ /n/r/'/"]+|)/gi,function(match){
  20. return '<a href="'+match+'" class="sqUrl">'+match+'</a>'; } );
  21. str=str.replace(/[/w.]+@[/w/-.]+(//[^ /n/r/'/"]+|)/gi,function(match){
  22. return '<a href="mailto:'+match+'" class="sqMail">'+match+'</a>'; } );
  23. span.innerHTML=str;
  24. obj.replaceChild(span, temp);
  25. }
  26. if(temp.nodeType==1)arguments.callee(obj.childNodes[i], dcu);
  27. } temp=span=null; // shawl.qiu script
  28. }
  29. //]]>
  30. </script>

 2. 字符串附加 URL/EMAIL 链接
 
 
  1. <script type="text/javascript">
  2. //<![CDATA[
  3. onload=function(){
  4. var html=document.body.innerHTML;
  5. document.body.innerHTML=fPadUrl(document.body.innerHTML);
  6. document.body.innerHTML=fPadEmail(document.body.innerHTML);
  7. }
  8. function fPadUrl(str){
  9. if(!str||str.replace(//s+/,'').length<0)return false;
  10. var re=new RegExp('([//s//S]|)((ht|f)t(p|ps)/:.*?)(//s|/&nbsp/;|/&gt/;|/&lt/;|'+
  11. '[/'/"<>]|/&/#34/;)','gi');
  12. return str.replace(re,
  13. function($1,$2,$3,$4,$5,$6){
  14. if(//'|/"|/=|/= /.test($2))return $1;
  15. $3='<a href="'+$3+'" class="sqLink">'+$3+'</a>';
  16. return $2+$3+$6;
  17. }
  18. ); // shawl.qiu script
  19. }
  20. function fPadEmail(str){
  21. if(!str||str.replace(//s+/,'').length<0)return false;
  22. var re=new RegExp('(mailto/:|/>|)([//w/./-]+)/@(.*?)'+
  23. '(//s|/&nbsp/;|/&gt/;|/&lt/;|[/'/"<>]|/&/#34/;)','gi');
  24. return str.replace(re,
  25. function($1,$2,$3,$4,$5){
  26. if(/mailto|>/.test($2))return $1;
  27. $3='<a href="mailto:'+$3+'@'+$4+'" class="sqLink">'+$3+'@'+$4+'</a>';
  28. return $2+$3+$5;
  29. }
  30. ); // shawl.qiu script
  31. }
  32. //]]>
  33. </script>

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值