disign.it | Javascript Jquery url split | a digital sign for a best design!
A digital sign for a best design
Programmazione 3.340 visualizzazioni

Javascript Jquery url split

17/07/2013

Attraverso javascript (e quindi anche attraverso l'utilizzo della libreria Jquery) possiamo splittare un url e ricavarne le diverse parti.

 

Vediamo subito un esempio pratico:

 

var url = "www.domain.tld/dove/index.php"

url = url.split("/");

 

a questo punto avremo un array

(url[0]) che contiene la sottostringa www.domain.tld

(url[1]) che contiene la sottostringa dove

(url[2]) che contiene la sottostringa index.php

 

Utilizzando Jquery possiamo automatizzare ulteriormente ricavando automaticamente l'url


location.pathname.split("/")[1]

 

Un'applicazione pratica? Ad esempio l'applicazione di una classe active automatica in un menu di navigazione:

 

<nav>
	<ul>
		<li><a href="/">Home</a></li>
		<li><a href="/about/">About Us</a></li>
		<li><a href="/where/">Where we are</a></li>
		<li><a href="/contact/">Contact Us</a></li>
	</ul>
</nav>

e la chiamata Jquery sarà


$(function() { $('nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active'); });

← PHP: controllare e ripulire input Jquery: al click muovere in alto elemento lista →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.