einfaches javascript: url nach string suchen, etwas tun

Question

Ich brauche nur eine einfache Funktion, die die aktuelle URL für eine Zeichenfolge (z. B. "Natur") suchen wird und dann eine Klasse zu einem Objekt hinzufügen wird. Ich halte Wege zu finden, um die Abfrage zu suchen, aber ich möchte die gesamte Url zu suchen. Wenn möglich, ohne jQuery. Wenn nicht, jQuery wird funktionieren.

Answer 1

Sie können die URL mit window.location.href und durchsuchen Sie sie nach Belieben:

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

window.location を返します。 Location Objekt, das eine Eigenschaft hat href die die gesamte URL der Seite enthält.

Answer 2

Der einfachste Ansatz ist etwa folgender:

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

Das wird zurückgegeben -1 wenn die Zeichenkette nicht gefunden wird. Andernfalls wird der Index der Zeichenkette innerhalb der URL-Zeichenkette zurückgegeben.

Answer 3

Alternativ können Sie Regexe verwenden:

if (window.location.toString().match(/nature/)) {
    yourobj.className = 'newclass';
}

Answer 4

Wenn Sie nach einem Wert im QueryString suchen, können Sie dies versuchen:

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

Andernfalls können Sie dies tun:

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

Sie können auch dies tun:

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

Um zu überprüfen, ob das Wort gefunden wurde, können Sie wie folgt vorgehen:

if (searchIndex > -1)
    //logic here

Answer 5

Ich denke, dass dies ein guter Ausgangspunkt für Sie ist. JSFiddle ist hier verfügbar.

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