问题背景:
原网页中已经有如下代码,且不能更改,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>
分享到:
相关推荐
例如,你可以创建一个C#方法返回JSON格式的URL,然后在JavaScript中接收并应用到`<a>`标签上: ```csharp // C# 示例代码 public ActionResult GetDynamicUrl() { return Json("http://dynamic.url.com", ...
1.location.href:当前页面的完整URL 2.location.pathname:当前URL中的路径名 3.location.hash:当前URL中的锚点 4.location.search:当前URL中的查询参数 然而,location没有一个属性能直接获得当前目录(不含...
如果使用a标签跳转到指定的div区域,则只需要把a标签的href属性设置为“#divId”就好了,比如: <a>跳转到div</a> 这里是被跳转的区域 第二个,使用jquery添加或者移除class属性 也很简单,使用jquery的方法...
<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 这里的href=”[removed];” rel=”external nofollow” rel=”external ...
JavaScript 获取指定节点父节点、子节点的方法 在实际的开发中,我们经常需要获取页面中某个 HTML 元素,动态更新该元素的样式、内容属性等。那么如何获取要更新的这些元素呢?用 JavaScript 获取这些节点的方法有...
javascript获取客户端网卡MAC地址和IP地址和计算机名
标签"URL参数获取"进一步强调了这一主题的重要性,因为在Web开发中,无论是前端还是后端,都可能需要从URL中提取信息,以响应用户的请求或进行数据交互。熟练掌握这一技巧,能帮助开发者更有效地实现功能,提高代码...
最后,使用 JavaScript 获取客户端字体列表非常灵活,可以根据需要进行自定义。 结论 今天,我们讨论了如何使用 JavaScript 获取客户端字体列表。我们了解了获取客户端字体列表的方法,并学习了如何使用 ...
虽然`<base>`标签本身并不直接涉及JavaScript,但在处理页面动态生成的链接或资源时,JavaScript会依赖于`<base>`标签所设定的基准URL。例如,在JavaScript函数中获取当前文档的基准URL: ```javascript function ...
本文将详细介绍如何在`<a>`标签中调用JavaScript方法,并对每种方法进行深入分析。 #### 一、常规方法与优缺点分析 1. **`<a href="javascript:js_method();">`** - **描述**: 这是一种非常直接的方法,将...
当我们需要与网页进行交互,比如获取网页中的特定标签内容时,WebView提供了JavaScript接口功能,使得我们可以利用JavaScript执行一些操作,并将结果传递回安卓应用。下面我们将深入探讨如何在安卓的WebView中执行...
在.each()方法传入的函数内部,我们首先获取当前遍历到的a标签的html内容,然后将"#article"拼接到这个html内容之后,并将拼接后的新字符串赋值给变量Ahref。最后,我们使用jQuery的.attr()方法来设置当前遍历到的a...
接下来,我们将通过JavaScript来获取这个span标签的值。首先,我们介绍第一种方法,使用`innerText`属性。`innerText`属性可以获取或设置元素内文本的纯文本内容,它会返回元素内的所有文本内容,忽略掉所有HTML标签...
在探讨如何在JSP(JavaServer Pages)中获取所有具有相同ID的特定标签元素之前,我们首先需要理解几个关键概念:JSP、DOM(Document Object Model)、JavaScript以及HTML标签。 ### JSP(JavaServer Pages) JSP是...
在Vue.js中,有时我们需要在`<a>`标签的`href`属性中动态添加参数,以便根据用户的数据或状态创建个性化的链接。这通常在构建动态路由或传递查询参数时非常有用。以下是如何在Vue.js中实现这个功能的详细步骤。 ...
本文将深入探讨如何在Delphi环境中与JavaScript进行交互,特别是如何从JavaScript端获取返回值,这在实现桌面应用与Web内容的集成时非常有用。 Delphi是一种流行的面向对象的 Pascal 编程语言,它提供了丰富的库和...
"js导航栏A标签锚点跳转"是JavaScript在网页交互中的常见应用,主要用于实现页面内部链接的平滑滚动效果。这个话题涉及到的知识点包括HTML锚点、JavaScript事件处理和DOM操作。 首先,HTML锚点(#标识符)允许我们...
本文将深入探讨如何使用正则表达式来获取URL参数,并提供相关的示例代码。 首先,我们需要理解URL的基本结构。一个典型的URL通常包括协议(如http或https)、主机名、路径和查询字符串。查询字符串是由键值对组成的...
- **锚点链接**:通过给目标元素添加`id`属性,并在`a`标签的`href`属性中使用`#`加上该`id`值来实现。 ```html <a href="#section1">#section1是要跳转到的位置标签的id</a> 这里是section1的内容。 ``` #### ...