Corsi on-line

Estrarre l’URL e il title di una pagina Web con jQuery

In questo post analizzeremo la procedura necessaria per estrarre un’URL e il contenuto del tag “title” da una pagina Web, un’operazione che potrebbe rivelarsi molto utile nel caso in cui si vogliano creare delle estensioni per la condivisione di risorse, come per esempio accade su piattaforme sociali come Facebook o LinkedIn quando viene postato il riferimento ad un articolo presente in una sito Internet esterno al network.

Per ottenere il risultato desiderato sfrutteremo le potenzialità del framework JavaScript jQuery, quindi il primo passo da affrontare sarà quello di includere la relativa libreria tra i tag “head”:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

per poi definire lo script che provvederà a rilevare gli elementi HTML di nostro interesse:

<script type="text/javascript">
jQuery(document).ready(function () {
	var href = jQuery(location).attr('href');
	var title = jQuery(this).attr('title');
	jQuery('#this_href').html('<em>' + href + '</em>');
	jQuery('#this_title').html('<em>' + title + '</em>');
});
</script>

A questo punto, potremo procedere con la stampa a video delle informazioni intercettate:

<p>URL della pagina: <span id="this_href"></span>.</p>
<p>Title della pagina: <span id="this_title"></span>.</p>

Tenete conto che, naturalmente, lo script è in grado di rilevare unicamente i dati relativi alla pagina corrente.

Post correlati
I più letti del mese
Tematiche