Javascript获取当前URL相关参数

演示代码:

var search = window.location.search; //获取url中"?"符后的字串
var hash = window.location.hash; //获取url中"#"锚点符
        
        var parser = document.createElement('a');
        //var parser = {};
        parser.href = "http://example.com:3000/pathname/?search=test#hash";
        parser.protocol; // => "http:"
        parser.hostname; // => "example.com"
        parser.port;     // => "3000"
        parser.pathname; // => "/pathname/"
        parser.search;   // => "?search=test"
        parser.hash;     // => "#hash"
        parser.host;     // => "example.com:3000"
        /*
        hash     从井号 (#) 开始的 URL(锚)
        host     主机名和当前 URL 的端口号
        hostname     当前 URL 的主机名
        href     完整的 URL
        pathname     当前 URL 的路径部分
        port     当前 URL 的端口号
        protocol     当前 URL 的协议
        search     从问号 (?) 开始的 URL(查询部分)
        */
    console.log(search);
    console.log(hash);
 

相关资源

解析URL的JS类库:

标签:url