`

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

阅读更多
问题背景:
原网页中已经有如下代码,且不能更改,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>
分享到:
评论

相关推荐

    动态更改A标签的HREF,防止打开外部连接时被浏览器拦截

    例如,你可以创建一个C#方法返回JSON格式的URL,然后在JavaScript中接收并应用到`&lt;a&gt;`标签上: ```csharp // C# 示例代码 public ActionResult GetDynamicUrl() { return Json("http://dynamic.url.com", ...

    js获取url,javascript获取url参数等

    设置或获取对象指定的文件名或路径。 ...设置或获取 href 属性中在井号“#”后面的分段。 设置或获取 location 或 URL 的 hostname 和 port 号码。 设置或获取 href 属性中跟在问号后面的部分。

    JavaScript获取tr td 的三种方式全面总结(推荐)

    /* 第一种,原生的js,先获取table然后获取tr标签,然后遍历td */ // $('#selectIds').val(); // var table = document.getElementById(tb_table);//获取第一个表格 // var array = table.getElementsByTagName(tr...

    JavaScript实现获取用户单击body中所有A标签内容的方法

    本篇将详细介绍如何使用JavaScript来实现获取用户在body中单击所有A(超链接)标签时的内容。这个功能涉及到JavaScript对页面元素的操作以及事件响应机制。 首先,我们需要获取整个HTML文档的body部分。在...

    javascript获取select标签选中的值.doc

    javascript获取select标签选中的值.doc

    javascript中BASE标签作用

    虽然`&lt;base&gt;`标签本身并不直接涉及JavaScript,但在处理页面动态生成的链接或资源时,JavaScript会依赖于`&lt;base&gt;`标签所设定的基准URL。例如,在JavaScript函数中获取当前文档的基准URL: ```javascript function ...

    JavaScript获取链接url参数并生成对象

    标签"URL参数获取"进一步强调了这一主题的重要性,因为在Web开发中,无论是前端还是后端,都可能需要从URL中提取信息,以响应用户的请求或进行数据交互。熟练掌握这一技巧,能帮助开发者更有效地实现功能,提高代码...

    js获取客户端字体列表

    最后,使用 JavaScript 获取客户端字体列表非常灵活,可以根据需要进行自定义。 结论 今天,我们讨论了如何使用 JavaScript 获取客户端字体列表。我们了解了获取客户端字体列表的方法,并学习了如何使用 ...

    webview获取标签内容

    当我们需要与网页进行交互,比如获取网页中的特定标签内容时,WebView提供了JavaScript接口功能,使得我们可以利用JavaScript执行一些操作,并将结果传递回安卓应用。下面我们将深入探讨如何在安卓的WebView中执行...

    js获取html的span标签的值方法(超简单)

    接下来,我们将通过JavaScript来获取这个span标签的值。首先,我们介绍第一种方法,使用`innerText`属性。`innerText`属性可以获取或设置元素内文本的纯文本内容,它会返回元素内的所有文本内容,忽略掉所有HTML标签...

    获取jsp中的所有某个标签中所有ID相同的元素

    在探讨如何在JSP(JavaServer Pages)中获取所有具有相同ID的特定标签元素之前,我们首先需要理解几个关键概念:JSP、DOM(Document Object Model)、JavaScript以及HTML标签。 ### JSP(JavaServer Pages) JSP是...

    vue.js 实现a标签href里添加参数

    在Vue.js中,有时我们需要在`&lt;a&gt;`标签的`href`属性中动态添加参数,以便根据用户的数据或状态创建个性化的链接。这通常在构建动态路由或传递查询参数时非常有用。以下是如何在Vue.js中实现这个功能的详细步骤。 ...

    delphi与JavaScript进行交互,获取JS端返回值

    本文将深入探讨如何在Delphi环境中与JavaScript进行交互,特别是如何从JavaScript端获取返回值,这在实现桌面应用与Web内容的集成时非常有用。 Delphi是一种流行的面向对象的 Pascal 编程语言,它提供了丰富的库和...

    javascript 获取url参数的正则表达式(用来获取某个参数值)

    本文将深入探讨如何使用正则表达式来获取URL参数,并提供相关的示例代码。 首先,我们需要理解URL的基本结构。一个典型的URL通常包括协议(如http或https)、主机名、路径和查询字符串。查询字符串是由键值对组成的...

    网页设计常用的Javascript特效代码

    &lt;a href="javascript:doZoom(16)"&gt;大&lt;/a&gt; &lt;a href="javascript:doZoom(14)"&gt;中&lt;/a&gt; &lt;a href="javascript:doZoom(12)"&gt;小&lt;/a&gt; ``` 此段代码定义了一个`doZoom`函数,该函数接收一个参数`size`,用于设置元素的字体...

    JavaScript获取页面上某个元素的代码

    例如,如果需要获取页面中所有的a标签元素,就可以使用getElementsByTagName("a")来实现。而如果要获取具有特定id的元素,那么getElementById将是更直接的选择。 除了上述方法,还有一些其他的DOM属性和方法可以...

    a标签href属性与onclick事件使用实例

    `href`属性更适用于简单的链接,而`onclick`则适合结合JavaScript进行复杂操作。在处理IE6等老版本浏览器时,需要特别注意事件处理和阻止默认行为的方式。合理运用这些知识,可以帮助开发者创建更高效、兼容性更好的...

    网页常用javascript获取当前时间常见的特效节日倒计时知识.pdf

    本文档主要介绍了使用javascript获取当前时间,并展示一些常见的特效,例如节日倒计时、滚动文字、记录并显示网页的最后修改时间、关闭当前窗口、添加到收藏夹、让超链接不显示下划线、禁止鼠标右键的动作、设置该页...

    javascript 获取url参数和script标签中获取url参数函数代码

    本文将详细介绍如何通过JavaScript获取URL参数和script标签中的参数,并提供相应的函数代码。 首先,我们来看如何获取URL参数。在JavaScript中,`document.location.search`属性可以获取URL中的查询字符串(即URL中...

    详解a-href=#与-a-href=javascript-void(0)-的区别.doc

    详解a-href=#与-a-href=javascript-void(0)-的区别.doc

Global site tag (gtag.js) - Google Analytics