`

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", ...

    Javascript中使用A标签获取当前目录的绝对路径方法

    1.location.href:当前页面的完整URL 2.location.pathname:当前URL中的路径名 3.location.hash:当前URL中的锚点 4.location.search:当前URL中的查询参数 然而,location没有一个属性能直接获得当前目录(不含...

    a标签跳转到指定div,jquery添加和移除class属性的实现方法

    如果使用a标签跳转到指定的div区域,则只需要把a标签的href属性设置为“#divId”就好了,比如: &lt;a&gt;跳转到div&lt;/a&gt; 这里是被跳转的区域 第二个,使用jquery添加或者移除class属性 也很简单,使用jquery的方法...

    a标签调用js的方法总结

    &lt;a&gt; 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 这里的href=”[removed];” rel=”external nofollow” rel=”external ...

    javascript获取指定节点父节点、子节点的方法

    JavaScript 获取指定节点父节点、子节点的方法 在实际的开发中,我们经常需要获取页面中某个 HTML 元素,动态更新该元素的样式、内容属性等。那么如何获取要更新的这些元素呢?用 JavaScript 获取这些节点的方法有...

    javascript获取客户端网卡MAC地址和IP地址和计算机名

    javascript获取客户端网卡MAC地址和IP地址和计算机名

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

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

    js获取客户端字体列表

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

    javascript中BASE标签作用

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

    a标签中调用js中的方法的方法

    本文将详细介绍如何在`&lt;a&gt;`标签中调用JavaScript方法,并对每种方法进行深入分析。 #### 一、常规方法与优缺点分析 1. **`&lt;a href="javascript:js_method();"&gt;`** - **描述**: 这是一种非常直接的方法,将...

    webview获取标签内容

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

    jQuery 循环遍历改变a标签的href(实例讲解)

    在.each()方法传入的函数内部,我们首先获取当前遍历到的a标签的html内容,然后将"#article"拼接到这个html内容之后,并将拼接后的新字符串赋值给变量Ahref。最后,我们使用jQuery的.attr()方法来设置当前遍历到的a...

    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 编程语言,它提供了丰富的库和...

    js导航栏A标签锚点跳转

    "js导航栏A标签锚点跳转"是JavaScript在网页交互中的常见应用,主要用于实现页面内部链接的平滑滚动效果。这个话题涉及到的知识点包括HTML锚点、JavaScript事件处理和DOM操作。 首先,HTML锚点(#标识符)允许我们...

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

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

    a 标签跳转

    - **锚点链接**:通过给目标元素添加`id`属性,并在`a`标签的`href`属性中使用`#`加上该`id`值来实现。 ```html &lt;a href="#section1"&gt;#section1是要跳转到的位置标签的id&lt;/a&gt; 这里是section1的内容。 ``` #### ...

Global site tag (gtag.js) - Google Analytics