javascript - URL の末尾に特定の文字列があるかどうかを確認する方法

Question

URL の最後にあるものに基づいて、オーバーレイを下にスライドさせる必要があります。

If (URL の最後に「faq」がある) { オーバーレイがダウンする }

jQuery/JavaScript でどのようにそれを行うことができますか?

Answer 1

URL が次のようになっている場合は、次のようhttp://yourdomain.com/faqにすることができます。

var url = window.location.href;
var lastPart = url.substr(url.lastIndexOf('/') + 1);

if (lastPart === "faq") {
   // Show your overlay
}

これにより、他のエンディングを確認して、それらにも対応できるようになります。

アップデート：

URL の末尾にスラッシュがある場合でも、機能させるには、次のような関数を作成できます。

function getLastPart(url) {
    var parts = url.split("/");
    return (url.lastIndexOf('/') !== url.length - 1 
       ? parts[parts.length - 1]
       : parts[parts.length - 2]);
}

次に、このような関数を呼び出してgetLastPart(window.location.href)、現在のページの URL の最後の部分を取得できます。

これも実際の例です：http://jsfiddle.net/WuXHG/

免責事項: URL の末尾にハッシュまたはクエリ文字列を使用している場合、このスクリプトが正しく機能するためには、最初に URL から を削除する必要があります。

Answer 2

これには、次のような正規表現で window.location オブジェクトを使用できるはずです。

/faq$/.test(window.location)

Answer 3

次を使用して現在の URL を取得できます。

 var currentUrl = window.location.href;

次に、indexOf を使用して、トークンが文字列の末尾にあるかどうかを確認できます (ここでは faq)。

 if (currentUrl.indexOf('faq') == currentUrl.length - 3)
 {
  // Do something here
 }