如果URL包含字符串然后运行jQuery函数?

时间:2012-09-21 16:15:41

标签: javascript jquery

在我的网站上,如果我的网址包含单词'test'

,则会运行jQuery函数

我想要做的就是如果我的网址包含'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')     
});

6 个答案:

答案 0 :(得分:9)

使用window.location获取当前位置网址

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

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

答案 1 :(得分:2)

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

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

获取路径名称:

var pathname = window.location.pathname;

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

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

答案 4 :(得分:0)

试试这个

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

});

答案 5 :(得分:0)

名称* ='关键字' 选择器为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/