¿Cómo verificar si la URL contiene una cadena dada?

¿Cómo podría hacer algo como esto?

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

Necesita agregar la propiedad href y marcar en indexOflugar decontains

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

Lo haría. Alternativamente, podría usar una expresión regular:

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

Usarías indexOfasí:

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

También observe la adición de hrefpara la cadena de lo contrario haría:

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

al igual que:

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

window.locationno es una cadena, pero tiene un toString()método. Entonces puedes hacerlo así:

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

o

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

De los antiguos documentos de Mozilla :

Los objetos de ubicación tienen un método toString que devuelve la URL actual. También puede asignar una cadena a window.location. Esto significa que puede trabajar con window.location como si fuera una cadena en la mayoría de los casos. A veces, por ejemplo, cuando necesita llamar a un método String, debe llamar explícitamente a toString.

La forma regex:

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

O en una declaración simple que podría usar:

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

Lo uso para probar si el sitio web se ejecuta localmente o en un servidor:

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

Esto verifica si href contiene 192.168o localhostAND y es seguido por :1337.

Como puede ver, usar regex tiene sus ventajas sobre las otras soluciones cuando la condición se vuelve un poco más complicada.

document.URLdebería conseguirte el URLy

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

Prueba esto, es más corto y funciona exactamente como window.location.href:

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

también si quieres consultar la URL anterior:

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

Más fácil se pone

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

Prueba esto:

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

Prueba indexOf

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

También puede intentar buscar (para expresiones regulares)

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

Use Window.location.href para tomar la url en javascript. es una propiedad que le indicará la ubicación actual de la URL del navegador. Establecer la propiedad en algo diferente redirigirá la página.

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

Me gusta crear un booleany luego usarlo de forma lógica 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');
}

Poner en su archivo 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');
                }

Las expresiones regulares serán más óptimas para muchas personas debido a los límites de palabras \bo dispositivos similares. Límites de las palabras se producen cuando cualquiera de 0-9, a-z, A-Z, _están en ese lado del partido, o cuando un carácter alfanumérico se conecta a la línea o al final o al principio de cadena.

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

Si lo usa if(window.location.href.indexOf("sam"), obtendrá coincidencias para , flotsamy sameentre otras palabras. tomcoincidiría con tomate y mañana, sin expresiones regulares.

Hacerlo sensible a mayúsculas y minúsculas es tan simple como eliminar el i.

Además, agregar otros filtros es tan fácil como

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

Hablemos de eso (?:\b|_). RegEx generalmente se define _como un, word characterpor lo que no causa un límite de palabra. Usamos esto (?:\b|_)para lidiar con esto. Para ver si encuentra \bo _a ambos lados de la cadena.

Otros idiomas pueden necesitar usar algo como

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.

Todo esto es más fácil que decir

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

^{Los sabores de otros idiomas de las expresiones regulares son compatibles, \p{L}pero javascript no, lo que facilitaría la tarea de detectar caracteres extranjeros. Algo como[^\p{L}](filters|in|any|alphabet)[^\p{L}]}

Supongamos que tienes este script

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

Y la forma de URL es www.localhost.com/web_form_response.html?text_input=stack&over=flow

El texto escrito <p id="response">serástack

Será una buena práctica si convierte su cadena a minúsculas o mayúsculas ya que el método indexof () distingue entre mayúsculas y minúsculas. Esto será si su búsqueda no distingue entre mayúsculas y minúsculas. Por lo tanto, para una búsqueda que no distinga entre mayúsculas y minúsculas, será:

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