Question

我有一个场景，我想根据页面改变按钮颜色。我让动画使用一种默认颜色和一系列其他颜色。

我想做的是当我在“红色”页面上将默认值（即“蓝色”）更改为“红色”时。

我知道我可以使用if语句执行此操作，但我想将其与url进行比较。我不知道如何获取网址然后存储它。我知道我可以比较网址的确切页面，但我也希望它可以与该主页的兄弟页面一起使用。

我只是不知道如何使用jquery获取url，对其进行测试，并测试KNOWN网址的兄弟姐妹。

 EXAMPLE:
    foobar.com <- 'blue'
    foobar.com/red/ <- 'red'
    foobar.com/red/car <- still 'red'
    foober.com/green/ <- 'green'



var urlRed = "foobar.com/red/"
var urlGreen ="foobar.com/green/"
var urlInput = ??

if(urlInput == urlRed){
   ...set default to red...
} else if( urlInput == urlGreen ){
      ...set default to green...
} else {
   ...set default to blue...
}

Answer 1

$(function(){
    var red = "red";
    var green = "green";
    var url = window.location.href.toLowerCase();

    if(url.indexOf(red) >= 0){
       ...set default to red...
    } else if( url.indexOf(green) >= 0 ){
          ...set default to green...
    } else {
       ...set default to blue...
    }
}

Answer 2

var url = window.location.pathname.split("/")[1];

switch(url){
    case "red": // set default to red   
    break;

    case "green": //set default to green;
    break;

    default: // set to blue (default)
}

Answer 3

您可以使用

在Jquery中获取URL

$(document).ready(function() {
var pathname = window.location.pathname;
});

或

$(location).attr('href');

jquery if语句依赖于当前url

3 个答案: