einfache javascript: Suche url für den string etwas tun

Brauche ich nur eine einfache Funktion, die wird durchsuchen Sie die aktuellen url-string (z.B. "Natur") und dann fügen Sie eine Klasse zu einem Objekt. Ich halten, Möglichkeiten zu finden, Suche die Abfrage, aber ich wollen, suchen Sie die gesamte url. Wenn möglich, ohne jQuery. Wenn nicht, jQuery arbeiten.

InformationsquelleAutor steve | 2011-09-26
  1. 12

    Können Sie die URL mit window.location.href, und suchen Sie es wie Sie wollen:

    var location = window.location.href;
if(location.indexOf("whatever") > -1) {
    //Do stuff
}

    Fenster.location gibt eine Location - Objekt, das eine Eigenschaft href enthält die gesamte URL der Seite.

    InformationsquelleAutor James Allardice
  2. 3

    Den meisten grundlegende Ansatz ist etwas wie dieses:

    window.location.href.indexOf('nature')

    Zurückkehren -1 wenn der string nicht gefunden wird. Ansonsten, es gibt den index der Zeichenfolge in der URL-Zeichenfolge.

    InformationsquelleAutor bfavaretto
  3. 1

    Mit regexes, als alternative:

    if (window.location.toString().match(/nature/)) {
    yourobj.className = 'newclass';
}
    InformationsquelleAutor Marc B
  4. 1

    Wenn Sie auf der Suche nach einem Wert im QueryString, können Sie versuchen, diese:

    var searchIndex = window.location.search.indexOf("nature");

    Andernfalls können Sie dies tun:

    var searchIndex = window.location.href.indexOf("nature");

    Können Sie dies auch tun:

    var searchIndex = window.location.href.search("/nature/");

    Um zu überprüfen, ob das Wort gefunden wurde, können Sie dies tun:

    if (searchIndex > -1)
    //logic here
    InformationsquelleAutor James Johnson
  5. 0

    Ich denke, dies sollte Ihnen einen guten Ausgangspunkt. JSFiddle ist hier erhältlich.

    <div id="test">Some text</div>
    .red
{
    background-color: #FF0000;
}
    function handler( url, textToMatch, objectToChange, classToAssign )
{
   if (url.search(textToMatch) != -1)
   {
       objectToChange.className = classToAssign;
   }
}

var url = 'http://www.some-place.com&nature'; //window.location.href in your case
var div = document.getElementById('test');

handler(url, 'nature', div, 'red');
    InformationsquelleAutor ZenMaster
  6. 0

    Den hash in der URL verursacht Probleme für mich, so dass ich stattdessen ein "?".

    Als ein Beispiel, können sagen, ich habe die URL: http://example.com?someString

    Zuerst habe ich Sie abgerufen, URL:

    var activeURL = window.location.href;

    Dann nehme ich alles aus dem index der "?" + 1(weil ich nicht darauf zu achten ist,"?") weiter.

    var activeItem = aactiveURL.substring(activeUrl.indexOf('?') + 1, activeURL.length);

    activeItem werden "classextender"

    InformationsquelleAutor David Aguirre
Schreibe einen Kommentar