Wie überprüfe ich, ob die URL eine bestimmte Zeichenfolge enthält?

Wie könnte ich so etwas machen:

<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>

Sie müssen die Eigenschaft href hinzufügen und indexOfstattdessen überprüfencontains

<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)

würde es tun. Alternativ können Sie einen regulären Ausdruck verwenden:

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

Sie würden so verwenden indexOf:

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

Beachten Sie auch das Hinzufügen von hreffür die Zeichenfolge, da Sie sonst Folgendes tun würden:

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

wie so:

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

window.locationist kein String, hat aber eine toString()Methode. So können Sie es machen:

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

oder

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

Aus den alten Mozilla-Dokumenten :

Standortobjekte verfügen über eine toString-Methode, die die aktuelle URL zurückgibt. Sie können window.location auch eine Zeichenfolge zuweisen. Dies bedeutet, dass Sie mit window.location so arbeiten können, als wäre es in den meisten Fällen eine Zeichenfolge. Manchmal, wenn Sie beispielsweise eine String-Methode aufrufen müssen, müssen Sie explizit toString aufrufen.

Der Regex-Weg:

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

Oder in einer einfachen Aussage könnten Sie verwenden:

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

Ich verwende dies, um zu testen, ob die Website lokal oder auf einem Server ausgeführt wird:

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

Dies prüft, ob die href entweder 192.168oder localhostAND enthält, gefolgt von :1337.

Wie Sie sehen können, hat die Verwendung von Regex seine Vorteile gegenüber den anderen Lösungen, wenn die Bedingung etwas schwieriger wird.

document.URLsollte dir das URLund bringen

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

Versuchen Sie dies, es ist kürzer und funktioniert genau wie window.location.href:

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

auch wenn Sie die vorherige URL überprüfen möchten:

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

Einfacher geht es

<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>

Versuche dies:

<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> 

Versuchen Sie indexOf

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

Sie können auch versuchen zu suchen (nach regulären Ausdrücken)

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

Verwenden Sie Window.location.href, um die URL in Javascript zu übernehmen. Es ist eine Eigenschaft, die Ihnen den aktuellen URL-Speicherort des Browsers anzeigt. Wenn Sie die Eigenschaft auf einen anderen Wert einstellen, wird die Seite umgeleitet.

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

Ich mag es, eine zu erstellen booleanund diese dann in einer logischen zu verwenden 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');
}

Fügen Sie Ihre js-Datei ein

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

Reguläre Ausdrücke sind aufgrund von Wortgrenzen \boder ähnlichen Geräten für viele Menschen optimaler . Wortgrenzen auftreten , wenn eine von 0-9, a-z, A-Z, _auf sind die Seite des nächsten Spiels, oder wenn ein alphanumerisches Zeichen Connects zu Zeile oder Zeichenfolge Ende oder am Anfang.

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

Wenn Sie verwenden if(window.location.href.indexOf("sam"), erhalten Sie Übereinstimmungen für flotsamund sameunter anderem. tomwürde zu Tomate und morgen passen, ohne Regex.

Die Groß- und Kleinschreibung zu beachten ist so einfach wie das Entfernen der i.

Das Hinzufügen weiterer Filter ist so einfach wie

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

Reden wir darüber (?:\b|_). RegEx wird normalerweise _als definiert, word charactersodass keine Wortgrenze entsteht. Wir nutzen dies, (?:\b|_)um damit umzugehen. Um zu sehen, ob es entweder \boder _auf beiden Seiten der Zeichenfolge findet.

Andere Sprachen müssen möglicherweise so etwas wie verwenden

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.

All dies ist einfacher als zu sagen

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

^{Die Geschmacksrichtungen regulärer Ausdrücke in anderen Sprachen werden unterstützt \p{L}, Javascript jedoch nicht. Dies würde die Erkennung von Fremdzeichen erheblich erleichtern. Etwas wie[^\p{L}](filters|in|any|alphabet)[^\p{L}]}

Angenommen, Sie haben dieses Skript

<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>

Und die URL-Form ist www.localhost.com/web_form_response.html?text_input=stack&over=flow

Der Text, an den geschrieben wird, <p id="response">wird seinstack

Es wird empfohlen, die Zeichenfolge in Klein- oder Großbuchstaben umzuwandeln, da bei der indexof () -Methode zwischen Groß- und Kleinschreibung unterschieden wird. Dies ist der Fall, wenn Ihre Suche nicht zwischen Groß- und Kleinschreibung unterscheidet. Bei einer Suche, bei der die Groß- und Kleinschreibung nicht berücksichtigt wird, gilt Folgendes:

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