问题背景:
原网页中已经有如下代码,且不能更改,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", ...
设置或获取对象指定的文件名或路径。 ...设置或获取 href 属性中在井号“#”后面的分段。 设置或获取 location 或 URL 的 hostname 和 port 号码。 设置或获取 href 属性中跟在问号后面的部分。
/* 第一种,原生的js,先获取table然后获取tr标签,然后遍历td */ // $('#selectIds').val(); // var table = document.getElementById(tb_table);//获取第一个表格 // var array = table.getElementsByTagName(tr...
本篇将详细介绍如何使用JavaScript来实现获取用户在body中单击所有A(超链接)标签时的内容。这个功能涉及到JavaScript对页面元素的操作以及事件响应机制。 首先,我们需要获取整个HTML文档的body部分。在...
javascript获取select标签选中的值.doc
虽然`<base>`标签本身并不直接涉及JavaScript,但在处理页面动态生成的链接或资源时,JavaScript会依赖于`<base>`标签所设定的基准URL。例如,在JavaScript函数中获取当前文档的基准URL: ```javascript function ...
标签"URL参数获取"进一步强调了这一主题的重要性,因为在Web开发中,无论是前端还是后端,都可能需要从URL中提取信息,以响应用户的请求或进行数据交互。熟练掌握这一技巧,能帮助开发者更有效地实现功能,提高代码...
最后,使用 JavaScript 获取客户端字体列表非常灵活,可以根据需要进行自定义。 结论 今天,我们讨论了如何使用 JavaScript 获取客户端字体列表。我们了解了获取客户端字体列表的方法,并学习了如何使用 ...
当我们需要与网页进行交互,比如获取网页中的特定标签内容时,WebView提供了JavaScript接口功能,使得我们可以利用JavaScript执行一些操作,并将结果传递回安卓应用。下面我们将深入探讨如何在安卓的WebView中执行...
接下来,我们将通过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 编程语言,它提供了丰富的库和...
本文将深入探讨如何使用正则表达式来获取URL参数,并提供相关的示例代码。 首先,我们需要理解URL的基本结构。一个典型的URL通常包括协议(如http或https)、主机名、路径和查询字符串。查询字符串是由键值对组成的...
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a> ``` 此段代码定义了一个`doZoom`函数,该函数接收一个参数`size`,用于设置元素的字体...
例如,如果需要获取页面中所有的a标签元素,就可以使用getElementsByTagName("a")来实现。而如果要获取具有特定id的元素,那么getElementById将是更直接的选择。 除了上述方法,还有一些其他的DOM属性和方法可以...
`href`属性更适用于简单的链接,而`onclick`则适合结合JavaScript进行复杂操作。在处理IE6等老版本浏览器时,需要特别注意事件处理和阻止默认行为的方式。合理运用这些知识,可以帮助开发者创建更高效、兼容性更好的...
本文档主要介绍了使用javascript获取当前时间,并展示一些常见的特效,例如节日倒计时、滚动文字、记录并显示网页的最后修改时间、关闭当前窗口、添加到收藏夹、让超链接不显示下划线、禁止鼠标右键的动作、设置该页...
本文将详细介绍如何通过JavaScript获取URL参数和script标签中的参数,并提供相应的函数代码。 首先,我们来看如何获取URL参数。在JavaScript中,`document.location.search`属性可以获取URL中的查询字符串(即URL中...
详解a-href=#与-a-href=javascript-void(0)-的区别.doc