当前URL包含特定字符串时更改CSS

时间:2017-02-21 14:53:58

标签: javascript

我用这个函数来检查网址

<script type="text/javascript">
    $(document).ready(function () {
        if (window.location.href.indexOf("franky") > -1) {
            /* some code to change the css */;
        }
    });
</script>

目前它仅在我刷新页面时有效。

有没有办法让网址在没有刷新的情况下更改?感谢

示例:它就像你必须选择一种颜色,你点击按钮选择你的颜色,它使example.com/color.html#/red; example.com/color.html#/blue; example.com/color.html#/black只有没有刷新的颜色变化,我想在url包含每个字符串颜色时添加特定的css

1 个答案:

答案 0 :(得分:0)

<a href="#black">black</a>
<a href="#blue">blue</a>

<script type="text/javascript">
$(window).on('hashchange', function(e){
    var origEvent = e.originalEvent;
    resultdata = origEvent.newURL;
    var black = resultdata.match(/black/);
    if (black){
      console.log(black);
    }
});
</script>