夏日博客

A-A+

javascript获取A标签中href连接地址并进行分解

2016年01月15日 前端设计 暂无评论 阅读 6 views 次

这里其实有正则表达式的味道了,我们利用正则可以快速的获取页面所有A标签里面的内容哦,有需要的同学可参考一下,原网页中已经有如下代码，且不能更改，class标签在该页面中是唯一的,代码如下:

  1. <a href="home-uid-100.html" class="noborder">user100</a>  

现在我想获得a标签href中的链接uid号100,然后放到新的链接中,代码如下:

  1. <a href="h_id=100">user100</a>  
  2. <a class="noborder"  href="home-uid-100.html">露兜博客</a>  
  3. </body>  
  4. <script language="javascript">   
  5. <!--  
  6. // 说明：Javascript 获取某个a标签的href并进行分解的方法  
  7. // function/42833.htm target=_blank >全局变量，获取链接中的参数值  
  8. var value = "";  
  9. function get()   
  10. {   
  11.     // 搜索所有 a 标签，并保持在 _el 中  
  12.     var el = [],  
  13.         _el = document.getElementsByTagName('a');  
  14.    /* 
  15.     * 如果你要找的a标签中有id=""，如<a id="ku" href=""></a> 
  16.     * 那么以上两行可以改为 
  17.     * var el = [], 
  18.     * _el = document.getElementsById('ku'); 
  19.     */  
  20.      
  21.     //遍历_el，获得含有 class=="noborder" 的a标签的href值  
  22.     for (var i=0; i<_el.length; i++ ) {  
  23.         if (_el[i].className == 'noborder' )   
  24.         {  
  25.             // 得到的a标签的href  
  26.             value = _el[i].href;  
  27.             // 进行正则匹配，获得href中uid-后面的参数值  
  28.          var re = /uid-([^.]*)/i;  
  29.             var r = value.match(re);  
  30.             value = r[1];  
  31.             break;  
  32.         }  
  33.     }  
  34. }  
  35. // 执行函数  
  36. window.onload = get  
  37. //-->  
  38. </script>  
标签：

给我留言