jquery - 动态内容取决于 url 参数

Question

我有那个 jquery 脚本：

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, " "));
}

var dynamicContent = getParameterByName('utm_term');

 $(document).ready(function() {

            if (dynamicContent == 'buy') {
        $('#buy').show();
    }

    else {
        $('#default-content').show();
    }
});

它的工作原理是这样的：如果utm_termURL 中的参数相等，则将显示'buy'block with id="buy"。如果参数为空或 URL 没有参数，id="default-content"则将显示 block with。

还有一个问题：我需要 URL ( utm_term) 中的那个参数不等于某个词，而只是拥有它。

因为现在如果 URL 有utm_term=smth_buy，我看到了#default-content，我会看到#buy。

有任何想法吗？

Answer 1

也许你应该使用正则表达式：

if (dynamicContent.match(/buy/)) {
    $('#buy').show();
}

else {
    $('#default-content').show();
}

如果你想要它不区分大小写：

if (dynamicContent.match(/buy/i)) {
    $('#buy').show();
}

else {
    $('#default-content').show();
}

（i标志设置模式不区分大小写，bUY将匹配相同BUY）