JS查看当前页面的url信息 - Kaiqisan

大家好，都吃了吗，我是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: 以上的所有的信息的返回方式都是字符串，请在做出处理之后正确使用

总结

没有总结