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

2009年12月24日
人气：1,088 我要评论( 0 ) 我要投稿

     有些时候，我们并不能完全掌握网页的代码编辑权，如用BSP博客，但是又想从中修改某些参数，或者想获得某些信息，那怎么办呢？

     本文将以实例的形式，介绍如何获得网页中某个a标签中的href，并将其分解获得其中的id值。

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

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

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

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

 

以下是代码实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!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>
Ludou

露兜博客博主，计算机科学与技术专业本科在读，男生，儒家思想受益者。文采不佳，不喜欢聚光灯，不喜欢吹牛，不喜欢无序的做事方式。闲时喜欢写些代码自娱自乐，并在博客中分享一些个人技术经验。

点击支持作者 0
标签: ,
Advertising
  1. 还没有评论呢，欢迎您发表评论.