大家好,都吃了吗,我是Kaiqisan,是一个不善言辞的羞射男孩,这次来盘点一下url各个部分的获取方法。虽然是一条网址,但是,有时候,我们只是需要网址的某一部分(协议信息,域名,路由,参数…),如果每一次都需要获取整条url,那么代码量就会直线上升。
这次的核心内容是BOM里面的location对象
现在以一个随意的网址为例来展开说明
http://kaiqisanOffcial.com:666/login?a=1&b=10#mobile
获取整个url信息
http://kaiqisanOffcial.com:666/login?a=1&b=10#mobile
window.location.href
--->结果
http://kaiqisanOffcial.com:666/login?a=1&b=10#mobile
获取url的域名或主机名以及其端口号
http://kaiqisanOffcial.com:666/login?a=1&b=10#mobile
window.location.host
--->结果
kaiqisanOffcial.com:666
获取url的域名或主机名
http://kaiqisanOffcial.com:666/login?a=1&b=10#mobile
window.location.hostname
--->结果
kaiqisanOffcial.com
获取url的协议名
http://kaiqisanOffcial.com:666/login?a=1&b=10#mobile
window.location.protocol
--->结果
http:
获取url的端口号
http://kaiqisanOffcial.com:666/login?a=1&b=10#mobile
window.location.port
--->结果
666
获取url的路由名
http://kaiqisanOffcial.com:666/login?a=1&b=10#mobile
window.location.pathname
--->结果
/login
获取url后面的参数名
http://kaiqisanOffcial.com:666/login?a=1&b=10#mobile
window.location.search
--->结果
?a=1&b=10
获取当前页面的锚点
http://kaiqisanOffcial.com:666/login?a=1&b=10#mobile
window.location.hash
--->结果
#mobile
获取协议和域名和端口
http://kaiqisanOffcial.com:666/login?a=1&b=10#mobile
window.location.origin
--->结果
http://kaiqisanOffcial.com:666
PS: 以上的所有的信息的返回方式都是字符串,请在做出处理之后正确使用
总结
没有总结