Parser une URL peut être utile pour récupérer les paramètres GET, le hash, le nom de domaine, etc... Voici une méthode très simple vous permettant d'obtenir ces informations en JavaScript, avec jQuery.
En JavaScript, on peut utiliser window.location.protocol
pour récupérer le protocole de l'URL courante. Cependant, si on a besoin de récupérer le protocole pour une URL précise, on ne peut pas.
Sauf à utiliser jQuery. On pourrait jouer avec des Regex comme c'est le cas pour la fonction parse_url du fichier php.js mais on peut faire plus simple !
Voici le bout de code pour y parvenir :
$(document).ready(function(){
// URL à parser
var url = 'http://blog.shevarezo.fr/post/2015/08/18/openvpn-cyberghost-raspberry-pi#comments';
// Création d'un <a> contenant l'URL à parser
var a = $('<a>', {
href: url
});
var result = '';
result += '<b>Protocol :</b> '+a.prop('protocol')+'<br>';
result += '<b>Hostname :</b> '+a.prop('hostname')+'<br>';
result += '<b>Path :</b> '+a.prop('pathname')+'<br>';
result += '<b>Query :</b> '+a.prop('search')+'<br>';
result += '<b>Hash :</b> '+a.prop('hash')+'<br>';
$('body').html(result);
});
Résultat :
Protocol : http:
Hostname : blog.shevarezo.fr
Path : /post/2015/08/18/openvpn-cyberghost-raspberry-pi
Query :
Hash : #comments
Vous pouvez tester ce code sur JSFiddle.