javascript - URLに応じてJavaScript関数を実行しますか?

Question

現在の URL に応じて div の css を変更したいと考えています。

これが私が思いついたコードです...

<script>
if (window.location.href == "http://www.example.com/?tab-1") {
    function(){ 
        $('body').css('color','red !important');
    }
}
</script>

現在の URL に基づいて関数を適切に実行する方法を誰か説明できますか?

ありがとうございました。

Answer 1

URL の疑問符の後に続くものに基づいて別の関数を実行するには (質問を額面通りに受け取ります)、これを使用できます。

var functions = {
    "tab-1": function() {
        //do tab-1 stuff
    },

    "tab-2": function() {
        //do tab-2 stuff
    }
}

$(function() {
    var qs = location.search;
    if (qs.length > 0) {
        var func = functions[qs.substring(1)]
        if ($.isFunction(func)) func();
    }
});

Answer 2

$(function(){

    var tab = window.location.href.split('?')[1]; // tab-1
    if(tab){
      $('body').addClass( tab );
    }

});

あなたのCSSよりも：

.tab-1{
   background: red ;  /* add !important if needed */
}
.tab-2{
   background: blue ; /* add !important if needed */
}

デモのコンセプト