jQuery解析url

咱們能夠經過window.location很簡單的解析出當前url裏面包含的信息，好比：

var protocol = window.location.protocol;

可是當你只有一個字符串的url或者將其附加到任何一個DOM元素節點上，好比 a 標籤，然而window.location此時並不能幫助你解析出你想要的東西。好比下面的連接，你想解析出protocol，host name,hash,query string等等，

var url = 「http://jquerybyexample.net/codes/code-repository?id=12#top」;

首先你可能會想到使用正則表達式，不錯這是一個好方法，可是jQuery能夠經過簡單的代碼作到這一切，代碼以下：

$(document).ready(function () {
    var url = 'http://iwjw.com/codes/code-repository?id=12#top';
    var a = $('<a>', { href: url});
    var sResult = '<b>Protocol:</b> ' + a.prop('protocol') + '<br>'     + '<b>Host name: </b>' + a.prop('hostname') + '<br>'
    + '<b>Path: </b>' + a.prop('pathname') + '<br>'
    + '<b>Query: </b>' + a.prop('search') + '<br>'
    + '<b>Hash: </b>' + a.prop('hash');
    $('span').html(sResult);
}); </a>

實例：https://jsfiddle.net/ghostcode/umr6sxjr/2/