当用户打开特定的 Url 时，Javascript 插入 css 类

Question

当用户打开页面:contact.html

我想在 .sidebar 类中插入类:.contact

当用户打开页面:products.html

我想在 .sidebar 类中插入类:.products

html:

<div class="sidebar">


</div>

js:

 <script type="text/javascript">
    $(function() {
     var loc = window.location.href; // returns the full URL
     if(/contact/.html(loc)) {
     $('.sidebar').addClass('contact');
     }
    });
 </script>

Answer 1

在正则表达式中使用 .test(loc) 而不是 .html(loc)。喜欢:

$(function() {
  var loc = window.location.href; // returns the full URL
  if(/contact/.test(loc)) {
    $('.sidebar').addClass('contact');
  }
});

希望这对您有所帮助!