javascript - 如果 URL 包含字符串然后运行 ​​jQuery 函数？

Question

如果我的 url 包含单词“test”，则在我的网站 id 上运行 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')     
});

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');
     }     
});

Answer 2

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

Answer 3

查看此链接，其中包含您需要了解的有关 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')     
    }
});

Answer 4

获取路径名：

var pathname = window.location.pathname;

然后检查它是否包含“TEST”。

if (pathname.toLowerCase().indexOf("test") >= 0)

Answer 5

尝试这个

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

});

Answer 6

name*='keyword'选择器是 true 选项。

<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/