javascript - 仅为特定 URL 添加 css 样式元素

Question

有没有一种方法可以添加仅在加载特定 URL 时才起作用的 CSS 样式。我有一个结尾为 /service/ 的 URL。为此，我想要一些 CSS 样式在特定 Div (myDiv) 上工作。有办法吗？我无法将 ID 添加到该服务页面的正文标记中。该页面是后台生成的。

Answer 1

如果 url 以 /service/ 结尾，

url.match("/service/$") 将匹配，因为 $ 表示 .match()

中的 endWith

更新:要获取网址，请使用:window.location.href.match("/service/$")

var url = "www.stackoverflow.com/questions/service/"
if (url.match("/service/$")) {
  $('#url').css("background-color", "yellow")
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="url"> url </div>