将 class 添加到特定 url 中包含的页面元素

Question

我想为包含 url 某部分的页面的标题栏创建一个 class。我的 url 是 www.domainname.com/poste/XXX 并且我想添加 class 仅当 .com 之后的部分仅包含 /poste/ 时。我看过“包含这个词”的例子，但这并不是我要找的。标题栏的现有 class 是：.fusion-page-title-bar 在此先感谢您的帮助和建议！

Answer 1

如果我理解你的问题是你想检查 URL 是否以 /poste/ 结束。

您可以使用字符串函数 endsWith()。

  var url = window.location.href
  console.log('Current url: ', url)
  
  if (url.endsWith("js")) {
    console.log('The url ends with js');
  }

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/endsWith

Answer 2

要检查 url 是否包含任何字符串，请执行以下操作：

if(window.location.href.indexOf(".com/poste") > -1) {
       // do something
}

（检查一个字符串的索引是否大于-1就像在问他是否在里面一样）

有条件地添加class:

element.classList.add("my-class");

合并起来就是：

if(window.location.href.indexOf(".com/poste") > -1) {
       titleClass = document.querySelector(".your-title-class");
       titleClass.classList.add("conditionalClass");
}

*还有其他使用 jquery 的解决方案（如@Wimanicesir 评论中的解决方案），但个人更喜欢不使用它 :)

将 class 添加到特定 url 中包含的页面元素

Add a class to a page element contained in a particular url

javascript

css

url

titlebar