在前端开发中，经常会遇到获取URL的相关数据，下面将总结下使用JavaScript来获取url地址的协议，参数，端口号，锚点等方法。

获取整个地址栏地址

var href = window.location.href;
console.log(href);//输出完整的url地址

获取url协议部分

var protocol = window.location.protocol;
console.log(protocol);//获取url协议部分，如http:，https:

获取主机部分

var hostname = window.location.hostname;
console.log(hostname);//获取主机部分（不带端口号）,输出如：fly63.com

获取端口号

var port = window.location.port;
console.log(port);// //获取端口号,如：8000。没带端口的输出空字符

获取url部分路径

var pathname = window.location.pathname;
console.log(pathname);//输出url部分路径，如：/article/detial/201

获取锚点

var hash = window.location.hash;
console.log(hash);//输出锚点(url第一个#及后面所有字符串)，如：#name

获取url参数部分

var search = window.location.search;
console.log(search);//参数部分

如果地址：http://www.fly63.com/?a=1&b=2#hash,获取的参数部分为：?a=1&b=2。通过它我们可以去获取url下的具体参数,具体方法请参考：js通过3种方法获取url的参数

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/201