当URL包含特定文本部分时显示或隐藏div

时间:2015-08-25 14:33:19

标签: javascript

我有这段代码:

    <script>
if (/en/.test(window.location.href)) {
  document.getElementById('slogannederlands').style.display = 'none';
}

    if (/nl/.test(window.location.href)) {
  document.getElementById('sloganenglish').style.display = 'none';
}

</script>

如果网址结束与/ en /或/ nl /,则不会显示某个div。也可以这样做,如果它在URL中显示/ en /或/ nl / ANYWHERE ,它将执行相同的操作?

谢谢,艾迪

2 个答案:

答案 0 :(得分:0)

你可以使用split,它将创建一个数组,如果数组长度大于1,则搜索字符串存在。

var url = window.location.href
if(url.split('/en/').length > 1) {
   //success
}

jsfiddle example

答案 1 :(得分:0)

您可以使用indexOf:

var url = window.location.href;

if (url.indexOf("/en/") > -1)
{
    document.getElementById('slogannederlands').style.display = 'none';
    document.getElementById('sloganenglish').style.display = 'true';
}

else if (url.indexOf("/nl/") > -1)
{
    document.getElementById('sloganenglish').style.display = 'none';
    document.getElementById('slogannederlands').style.display = 'true';
}

indexOf返回另一个字符串中字符串的位置。如果没有找到,它将返回-1

因此,在网址/en//nl/中的哪个位置并不重要。