如果URL包含特定字符串，那么运行jQuery函数？

Question

如果我的URL包含单词“test”，我希望在我的网站上运行jQuery函数。

我要做的就是，如果我的URL包含“rest”字符串，则在页面上的元素中添加一个边距？

我已经添加了一个jsfiddle来展示我目前所做的。

$(document).ready(function(){         
    // How can I check to see if my url contains the word 'TEST' then run the below function?
    $('.block-widget').css('margin-top, 252px')     
});

- Liam

Answer 1

使用 window.location 获取当前位置的URL。

根据条件，您可以应用margin-top属性。

$(document).ready(function(){         
     var pathname = window.location.pathname;
     if(pathname.indexOf('text') > -1){
        $('.block-widget').css('margin-top, 252px');
     }     
});

- Sushanth --

---

我认为路径不是“test”应该出现的唯一部分。 - Bergi

@Bergi 我们会假设 OP 对编程有足够的了解，可以自己检查 window.location 并找到解决方案。 :D - omninonsense

Answer 2

$(document).ready(function(){         
   if (document.url.match(/test/g)){
     $('.block-widget').css('margin-top, 252px')     
  }
});

- balafi

Answer 3

name*='keyword'选择器是一个真正的选项。

<input name="man-news">
<input name="milkman">
<input name="letterman2">
<input name="newmilk">

<script>
$( "input[name*='man']" ).val( "has man in it!" );
</script>

资源：https://api.jquery.com/attribute-contains-selector/

- Sedat Kumcu

Answer 4

请查看此链接，其中包含您需要了解的有关URL的详细信息。

https://developer.mozilla.org/en-US/docs/DOM/window.location

$(document).ready(function(){         
    if (window.location.href.indexOf('rest') >= 0) {
      $('.block-widget').css('margin-top, 252px')     
    }
});

- Selvakumar Arumugam

Answer 5

试一下这个

$(document).ready(function(){         
    var patt=/test/g;
    if(patt.test(window.location.pathname)){
    $('.block-widget').css('margin-top, 252px')  
  }   

});

- Anton Baksheiev

Answer 6

获取路径名： < p > < code > var pathname = window.location.pathname;

然后检查它是否包含“TEST”。 < p > < code > if (pathname.toLowerCase().indexOf("test") >= 0)

- Max

---

你正在使用 toLowerCase()，因此你应该检查是否为 'test'。 - Steve