js获取url链接地址的参数

访问地址为:http://XXX.com?style=green

<script language="javascript"> 
var getArgs = function ()
{
var args = new Object( ); //声明一个空对象
var query = window.location.search.substring(1); // 取查询字符串,如从http://www.snowpeak.org/testjs.htm?a1=v1&a2=&a3=v3#anchor 中截出 a1=v1&a2=&a3=v3。
var pairs = query.split("&"); // 以 & 符分开成数组
for(var i = 0; i < pairs.length; i++) {
var pos = pairs[i].indexOf('='); // 查找 "name=value" 对
if (pos == -1) continue; // 若不成对,则跳出循环继续下一对
var argname = pairs[i].substring(0,pos); // 取参数名
var value = pairs[i].substring(pos+1); // 取参数值
value = decodeURIComponent(value); // 若需要,则解码
args[argname] = value; // 存成对象的一个属性
}
return args; // 返回此对象

}

alert(getArgs().style);

</script>

上述方法是浏览器的参数。

下面的是访问地址的参数。

html页面中:

<script id="srpcolor" language="javascript" type="text/javascript" src="xxx.html?style=green"></script>

var colorbar=tes('style');

change_color(colorbar);

js中的方法:

 <script language="javascript"> 
function tes(paramName)  
{  

    var reg = new RegExp("(^|/?|&)"+ paramName+"=([^&]*)(/s|&|$)", "i");
    if (reg.test(srpcolor.src)) //brccount为script ID
        return RegExp.$2;
    else
        return "";
}

function change_color(str_color)
{
    if(str_color=='green')
    {
        jQuery("#doc-hd-outer").removeClass("doc-hd-outer");
        jQuery("#doc-hd-outer").addClass("doc-hd-outer_green");
        jQuery("#classlogo").removeClass("logo");
        jQuery("#classlogo").addClass("logo_green");
    }

}

</script>

原文地址:https://www.cnblogs.com/xinweichen/p/3617221.html