用于在html页面中更改链接的href的javascript

时间:2012-02-24 13:50:30

标签: javascript html href

我的问题如下:

我有一个包含许多链接的页面 其中一些具有特定的模式:

http://www.example.com/.../?parameter1=...&parameter2=PARAMETER2

我想要做的是使用JavaScript将这些链接'href更改为parameter2的值。 例如,如果我有一个类似的链接:

<a href="http://www.example.com/.../?parameter1=...&parameter2=PARAMETER2">text here</a> 

脚本运行后我想要做的是拥有这样的链接:

<a href="PARAMETER2">text here</a>

任何建议都会得到真正的赞赏! 提前谢谢大家!!!

2 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/LVNeC/

function getUrlVars(_url)
{
    var vars = [], hash;
    var hashes = _url.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

var myLINK = document.getElementById("mylink");
var url = myLINK.href;
myLINK.href = getUrlVars(url )["parameter2"];​

答案 1 :(得分:1)

如果您使用jquery

然后使用以下代码

$(function() {
  $("a[href^='www.example.com']").each(function(){
    var ele = $(this);
    var href = ele.attr("href");console.log(href);
    var index = href.lastIndexOf("parameter2");
    var param_2 = href.substring((index + 11));
    ele.attr("href", param_2);
  });
});