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 无
来来回回就这点事!
来源: http://www.jianshu.com/p/38ccdb4b2df4