异类的Javascript处理和解析URL的方式

「爱情、让人受尽委屈。」 2022-08-26 03:40 88阅读 0赞

[![cc020f55-f058-484a-abc7-16b09f9d1a68.jpg][]][cc020f55-f058-484a-abc7-16b09f9d1a68.jpg 1]

通常来说，我们使用Javascript处理和解析URL是使用[location][]对象。在今天这个代码小技巧中，我们使用另外一个比较异类的方式处理和解析URL。

代码如下：

如何使用这个方法呢？简单如下：

var myURL = parseURL('http://abc.com:8080/dir/index.html?id=255&m=hello#top');
        myURL.file;// = 'index.html'
        myURL.hash;// = 'top'
        myURL.host;// = 'abc.com'
        myURL.query;// = '?id=255&m=hello'
        myURL.params;// = Object = { id: 255, m: hello }
        myURL.path;// = '/dir/index.html'
        myURL.segments;// = Array = ['dir', 'index.html']
        myURL.port;// = '8080'
        myURL.protocol;// = 'http'
        myURL.source;// = 'http://abc.com:8080/dir/index.html?id=255&m=hello#top'

GBdebug在线调试唯一地址：[http://www.gbtags.com/gb/debug/c8946680-fb7f-4a2b-8cb7-9c81b420a74a.htm][http_www.gbtags.com_gb_debug_c8946680-fb7f-4a2b-8cb7-9c81b420a74a.htm]

可以看到运行结果如下：

[![cc020f55-f058-484a-abc7-16b09f9d1a68.jpg][]][cc020f55-f058-484a-abc7-16b09f9d1a68.jpg 1]

阅读原文：[异类的Javascript处理和解析URL的方式 ][Javascript_URL_]

[cc020f55-f058-484a-abc7-16b09f9d1a68.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/cc020f55-f058-484a-abc7-16b09f9d1a68.jpg
[cc020f55-f058-484a-abc7-16b09f9d1a68.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/cc020f55-f058-484a-abc7-16b09f9d1a68.jpg
[location]: http://www.w3schools.com/js/js_window_location.asp
[http_www.gbtags.com_gb_debug_c8946680-fb7f-4a2b-8cb7-9c81b420a74a.htm]: http://www.gbtags.com/gb/debug/c8946680-fb7f-4a2b-8cb7-9c81b420a74a.htm
[Javascript_URL_]: http://www.gbtags.com/gb/share/2987.htm