URLに特定の文字列が含まれているかどうかを確認するにはどうすればよいですか？

どうすればこのようなことができますか：

<script type="text/javascript">
$(document).ready(function () {
    if(window.location.contains("franky")) // This doesn't work, any suggestions?
    {
         alert("your url contains the name franky");
    }
});
</script>

indexOf代わりにhrefプロパティを追加してチェックする必要がありますcontains

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    if (window.location.href.indexOf("franky") > -1) {
      alert("your url contains the name franky");
    }
  });
</script>

if (window.location.href.indexOf("franky") != -1)

それを行うでしょう。または、正規表現を使用することもできます。

if (/franky/.test(window.location.href))

次のindexOfように使用します。

if(window.location.href.indexOf("franky") != -1){....}

またhref、文字列にが追加されていることに注意してください。

if(window.location.toString().indexOf("franky") != -1){....}

そのようです：

    <script type="text/javascript">
        $(document).ready(function () {
            if(window.location.href.indexOf("cart") > -1) 
            {
                 alert("your url contains the name franky");
            }
        });
    </script>

window.location文字列ではありませんが、toString()メソッドがあります。したがって、次のように行うことができます。

(''+window.location).includes("franky")

または

window.location.toString().includes("franky")

古いMozillaのドキュメント：

Locationオブジェクトには、現在のURLを返すtoStringメソッドがあります。文字列をwindow.locationに割り当てることもできます。つまり、ほとんどの場合、文字列であるかのようにwindow.locationを操作できます。場合によっては、たとえばStringメソッドを呼び出す必要がある場合は、明示的にtoStringを呼び出す必要があります。

正規表現の方法：

var matches = !!location.href.match(/franky/); //a boolean value now

または、次のような簡単なステートメントで使用できます。

if (location.href.match(/franky/)) {

これを使用して、Webサイトがローカルで実行されているかサーバーで実行されているかをテストします。

location.href.match(/(192.168|localhost).*:1337/)

これにより、hrefにが含まれているか192.168、localhostANDの後にが含まれているかがチェックされ:1337ます。

ご覧のように、条件が少し複雑になると、正規表現を使用することは他のソリューションよりも優れています。

document.URLあなたが取得する必要がありますURLし、

if(document.URL.indexOf("searchtext") != -1) {
    //found
} else {
    //nope
} 

これを試してください、それはより短く、正確に次のように機能しwindow.location.hrefます：

if (document.URL.indexOf("franky") > -1) { ... }

以前のURLを確認したい場合も：

if (document.referrer.indexOf("franky") > -1) { ... }

より簡単に

<script type="text/javascript">
$(document).ready(function () {
    var url = window.location.href;
    if(url.includes('franky'))    //includes() method determines whether a string contains specified string.
    {
         alert("url contains franky");
    }
});
</script>

これを試して：

<script type="text/javascript">             
    $(document).ready
    (
        function () 
        { 
            var regExp = /franky/g;
            var testString = "something.com/frankyssssddsdfjsdflk?franky";//Inyour case it would be window.location;
            if(regExp.test(testString)) // This doesn't work, any suggestions.                 
            {                      
                alert("your url contains the name franky");                 
            }             
        }
    );         
</script> 

indexOfを試す

if (foo.indexOf("franky") >= 0)
{
  ...
}

検索を試すこともできます（正規表現用）

if (foo.search("franky") >= 0)
{
  ...
}

Window.location.hrefを使用して、JavaScriptのURLを取得します。これは、ブラウザの現在のURLの場所を通知するプロパティです。プロパティを別のものに設定すると、ページがリダイレクトされます。

if (window.location.href.indexOf('franky') > -1) {
     alert("your url contains the name franky");
}

私はを作成しboolean、それを論理で使用するのが好きifです。

//kick unvalidated users to the login page
var onLoginPage = (window.location.href.indexOf("login") > -1);

if (!onLoginPage) {
  console.log('redirected to login page');
  window.location = "/login";
} else {
  console.log('already on the login page');
}

あなたのjsファイルに入れてください

                var url = window.location.href;
                console.log(url);
                console.log(~url.indexOf("#product-consulation"));
                if (~url.indexOf("#product-consulation")) {
                    console.log('YES');
                    // $('html, body').animate({
                    //     scrollTop: $('#header').offset().top - 80
                    // }, 1000);
                } else {
                    console.log('NOPE');
                }

正規表現は、単語の境界\bや類似のデバイスのため、多くの人にとってより最適です。単語の境界は、のいずれかが発生したときに0-9、a-z、A-Z、_上にあるその辺次の試合の場合、または英数字の文字結ぶ線または文字列末尾または先頭に。

if (location.href.match(/(?:\b|_)franky(?:\b|_)))

を使用すると、とりわけとのif(window.location.href.indexOf("sam")一致が表示されます。正規表現なしでトマトと明日に一致します。flotsamsametom

大文字と小文字を区別するのは、を削除するのと同じくらい簡単iです。

さらに、他のフィルターを追加するのは簡単です

if (location.href.match(/(?:\b|_)(?:franky|bob|billy|john|steve)(?:\b|_)/i))

について話しましょう(?:\b|_)。RegExは通常、_として定義するword characterので、単語の境界は発生しません。これ(?:\b|_)を処理するためにこれを使用します。文字列が見つかる\bか_、どちらの側にあるかを確認します。

他の言語は次のようなものを使用する必要があるかもしれません

if (location.href.match(/([^\wxxx]|^)(?:franky|bob|billy|john|steve)([^\wxxx]|$)/i))
//where xxx is a character representation (range or literal) of your language's alphanumeric characters.

これは言うよりも簡単です

var x = location.href // just used to shorten the code
x.indexOf("-sam-") || x.indexOf("-sam.") || x.indexOf(" sam,") || x.indexOf("/sam")...
// and other comparisons to see if the url ends with it 
// more for other filters like frank and billy

^{他の言語の正規表現のフレーバーはサポートされて\p{L}いますが、JavaScriptはサポートされていません。これにより、外来文字を検出するタスクがはるかに簡単になります。何かのようなもの[^\p{L}](filters|in|any|alphabet)[^\p{L}]}

このスクリプトがあるとします

<div>
  <p id="response"><p>
  <script>
    var query = document.location.href.substring(document.location.href.indexOf("?") + 1);
    var text_input = query.split("&")[0].split("=")[1];
    document.getElementById('response').innerHTML=text_input;
  </script> </div>

そして、URLフォームは www.localhost.com/web_form_response.html?text_input=stack&over=flow

書かれたテキスト<p id="response">はstack

indexof（）メソッドでは大文字と小文字が区別されるため、文字列を小文字または大文字に変換することをお勧めします。これは、検索で大文字と小文字が区別されるマインドフルでない場合になります。したがって、大文字と小文字が区別されない検索では、次のようになります。

var string= location.href;
var convertedString= string.toLowerCase();
 if(convertedString.indexOf(franky) != -1){
  alert("url has franky");
}
else{
 alert("url has no franky");
 }