根据url执行javascript函数？答案

【问题标题】：Execute a javascript function depending on url?根据url执行javascript函数？
【发布时间】：2013-09-10 07:47:47
【问题描述】：

我想根据您所在的网址更改 div 的 css。

这是我想出的代码...

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

有人能解释一下如何根据当前 url 正确执行一个函数吗？

谢谢。

【问题讨论】：

stackoverflow.com/questions/6076576/…
但是你没有执行函数...

标签： javascript css

【解决方案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();
    }
});

【讨论】：

【解决方案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 */
}

demo concept

【讨论】：

【解决方案3】：

您应该调用window.onload 以便在输入时捕获 url 并立即触发您想要的操作（在本例中为 css 更改）。

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

}

window.onload = changecss;

【讨论】：