Javascript 获取某个a标签的href并进行分解

最新推荐文章于 2022-07-05 08:33:31 发布

zisetoufa

最新推荐文章于 2022-07-05 08:33:31 发布

阅读量1.1k

点赞数

分类专栏： javascript html java jquery 文章标签： javascript html ViewUI

本文链接：https://blog.csdn.net/zisetoufa/article/details/84398180

版权

java 同时被 3 个专栏收录

89 篇文章 0 订阅

订阅专栏

javascript

53 篇文章 1 订阅

订阅专栏

jquery

21 篇文章 0 订阅

订阅专栏

问题背景：
原网页中已经有如下代码，且不能更改，class标签在该页面中是唯一的：

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

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

<a href="h_id=100">user100</a>

以下是代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 </head> 
<body> 

<!-- 以下代码在实际情况下不可编辑 -->
 <a class="noborder"  href="home-uid-100.html">露兜博客</a>

<!-- 自己可编辑的代码，以下链接将打开 http://www.ddd.com/u_id=100  -->
 <a href="javascript:window.open('http://www.ddd.com/u_id='+value,'_blank');void(0);">方法一</a>

<!-- 以下链接地址也为 http://www.ddd.com/u_id=100  -->
 <a href="http://www.ddd.com/u_id=" onclick="window.open(this.href+value);return false;">方法二</a>

</body>
 <script language="javascript"> 
<!--
 // 说明：Javascript 获取某个a标签的href并进行分解的方法 
// 整理：http://www.ludou.org

// 全局变量，获取链接中的参数值
 var value = "";

function get() 
{ 
    // 搜索所有 a 标签，并保持在 _el 中
     var el = [],
         _el = document.getElementsByTagName('a');

   /*
     * 如果你要找的a标签中有id=""，如<a id="ku" href=""></a>
     * 那么以上两行可以改为
     * var el = [],
     * _el = document.getElementsById('ku');
     */

     //遍历_el，获得含有 class=="noborder" 的a标签的href值
     for (var i=0; i<_el.length; i++ ) {
         if (_el[i].className == 'noborder' ) 
        {
             // 得到的a标签的href
             value = _el[i].href; 

            // 进行正则匹配，获得href中uid-后面的参数值
          var re = /uid\-([^\.]*)/i;

            var r = value.match(re);
             value = r[1];
             break;
         }
     }
 }
 // 执行函数
 window.onload = get

//-->
 </script>
 </html>

zisetoufa

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript 获取某个a标签的href并进行分解

问题背景：原网页中已经有如下代码，且不能更改，class标签在该页面中是唯一的：[code="javascript"]user100[/code]现在我想获得a标签href中的链接uid号100，然后放到新的链接中，如:[code="javascript"]user100[/code]以下是代码实现 [code="javascript"] ...
复制链接

扫一扫