Question

基本上我希望用户根据他们为网站选择的网址，会有不同的背景。

示例：

example.com/#red< - red bg

example.com/#blue< - blue bg

我的想法是添加该索引并将其用作样式类，但它没有锻炼。

我浏览了整个互联网，无法找到有效或匹配的内容。我完全失去了......

我试过了：

if(window.location.href == "http://www.example.com/#red"){
   $('body').addClass('red');
} else if(window.location.href == "http://www.example.com/#blue"){
  $('body').addClass('blue');
                     ---[10 more colors]---
} else {
exit();
}

Answer 1

不确定索引是什么意思，但是使用当前示例，您可以使用location.hash，并删除第一个字符：

$(document).ready(function() {
    var color = window.location.hash.slice(1);
    $('body').addClass(color);
});

为了检查你可以用开关替换if / else比较，或者将匹配的颜色放在数组中，如果color匹配任何比较，那么执行addClass。

编辑：例如：

$(document).ready(function() {
    var matchColors = ["red", "green", "blue"];
    var color = window.location.hash.slice(1);
    if (matchColors.indexOf(color) != -1){
        $('body').addClass(color);
    }
});

另外，您是否考虑使用url参数而不是哈希？（可以使用location.search检索）

根据url添加类/索引

1 个答案: