Question

我正在寻找使用jquery在URL中使用/ cutticket更改所有页面的背景颜色。

现在我有以下内容，但我没有看到任何明显的变化。目前没有控制台错误。

if (window.location.href.indexOf("/cutticket") > -1) {
    document.body.style.backgroundColor = "red";
}

Answer 1

这应该适合你： - ）

$(document).ready(function(){
  if( location.href.indexOf('/cutticket') > -1 ){
    $('body').css('background-color','red');
  }
});

正如其他人所提到的，如果将其嵌入到这些标记上方的html文件中，则应放置此代码。

  </body>
</html>

编辑：

试试这个：

document.addEventListener("DOMContentLoaded", function() {
   if (window.location.href.indexOf("/cutticket") > -1) {
     document.body.style.backgroundColor = "red";
   }
});

这使用一个vanilla javascript方法等待你加载dom然后运行命令。

修改2

以下代码应该可以帮助您实现您在网站上的目标：

$(document).ready(function(){
  if( location.href.indexOf('/cutticket') > -1 ){
    $('#canvas-wrapper').css('background-color','red');
  }
});

<强>原因
你的网站有一个彩色的div，它是一个覆盖在身体上，虽然它在技术上是着色身体，包装元素隐藏它。这将为您更改页面上正确元素的颜色。您可以将此代码粘贴到chrome开发人员控制台中，看它是否有效： - ）。

还有其他需要注意的地方：当我在你的网站上时，我注意到你网页上的某个地方有JSON错误以及你的网站加载了至少3个jQuery副本引起你的一些问题。

Answer 2

您的代码有效。

只需包括：

<script>
if (window.location.href.indexOf("/cutticket") > -1) {
    document.body.style.backgroundColor = "red";
}
</script>

就在之前：

</body>
</html>

<强>原因：该脚本引用<body> - 所以为了使脚本正常工作，浏览器必须在开始解析脚本之前在标记中解析<body>。

Answer 3

我做过这样的事情：

<script>
    var base = "http://0.0.0.0:8881"
    var url = document.URL;
    if (!(url == base + "/asda")) {
        document.body.style.backgroundColor = "red";
    }
</script>

更改URL中给定单词的背景颜色

3 个答案: