javascript 對象的方式解析url地址參數

看到一個知識點，比如說給一個 url參數，讓其解析裡面的各個參數，以前我都是通過字元串分割來實現的。但是通過這樣的方式比較麻煩，而且操作字元串容易出錯。今天看到了一個更有效更快速的方式，就是通過對象來解析的。

比如我們的url是：https://www.baidu.com:8080/aaa/1.html?id=1&key=test 我們現在來通過對象的方式解析。截取字元串都不用說了。

(function(window){
            
            // 需要解析的 url 地址
            var url = "https://www.baidu.com:8080/aaa/1.html?id=1&key=test#ffff";
            
            // 創建以個a標簽
            var link = window.document.createElement("a");

            // 給 href 賦值
            link.href = url; 
            console.log("protocol:"+link.protocol);
            console.log("host:"+link.host);
            console.log("hostname:"+link.hostname);
            console.log("port:"+link.port);
            console.log("pathname:"+link.pathname);
            console.log("search:"+link.search);
            console.log("hash:"+link.hash);

        })(window);  

 運行後：