URL之五脏六腑

url的各组成部分

url.png

使用.parse方法将一个URL字符串转换为URL对象。

url.parse('http://user:pass@host.com:8080/p/a/t/h?query=string#hash');
/* =>
{ protocol: 'http:',
auth: 'user:pass',
host: 'host.com:8080',
port: '8080',
hostname: 'host.com',
hash: '#hash',
search: '?query=string',
query: 'query=string',
pathname: '/p/a/t/h',
path: '/p/a/t/h?query=string',
href: 'http://user:pass@host.com:8080/p/a/t/h?query=string#hash' }
*/

哇塞这么多组成部分，看着就起鸡皮疙瘩，没关系，咱有秘诀，freeStyle走起：
href大家族，让我一一来解读。
四个兄弟排排坐，protocol+auth+host+path子孙满堂乐翻天
老大protocol分封在//左，老二auth紧跟//填
老三host老二（@）遥相望，怜惜老幺path以/分
host老三不孤单，左右孩子齐上阵（hostname:port）
path喜的三胞胎（pathname+search+hash），/?#算什么
还有一点够迷惑，search有？query无
来来回回就这点事！