javascript - 根据 URL 中的值捕获数据

Question

有没有办法用JS编写一个函数，如果URL包含utm_campaign值，则发送它，否则留空。

例如我有这个链接。

http://example.com/home/?utm_campaign=mycampaign_2016_en&utm_medium=cpc&utm_source=google&utm_content=home

我希望我的函数在脚本中返回“campaign_2016_en”。当 utm_campaign 参数不可用时返回空白。但请注意，URL 和值不会始终相同。

我不知道从哪里开始。感谢所有的帮助。

Answer 1

你可以试试这个:

    function getParameterByName(name, url) {
        if (!url) url = window.location.href;
        name = name.replace(/[\[\]]/g, "\\$&");
        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " "));
    }

调用上面的函数，如果查询字符串值不可用，该函数将返回空字符串。

getParameterByName('utm_campaign', 'http://example.com/home/?utm_campaign=mycampaign_2016_en&utm_medium=cpc&utm_source=google&utm_content=home');

或者只传递查询字符串参数名称。它将使用 window 对象来读取 url

getParameterByName('utm_campaign');

JS fiddle :

https://jsfiddle.net/wx38rz5L/4199/