javascript 中的location.pathname
1 | location.pathname; |
location.pathname:
返回URL的域名(域名IP)后的部分。例如
http://www.joymood.cn/wordpress/返回/wordpress/,又或则 http://127.0.0.1/index.html
返回/index.html,注意是带url的域名或域名IP,在磁盘上随便建个Html文件进行location.pathname测试,如浏览器上的路径是:
C:\Documents
and Settings\Administrator\桌面\testjs.html,
这样,得到的结果是:
/C:\Documents and
Settings\Administrator\桌面\testjs.html
既然提到这了,那我们就分析下下面的URL:
http://www.joymood.cn:8080/test.php?user=admin&pwd=admin#login
想得到整个如上的完整url,我们用:location.href;
得到传输协议http:,我们用:location.protocol;
得到主机名连同端口www.joymood.cn:8080,我们用:location.host;
得到主机名www.joymood.cn,我们用:location.hostname;
得到主机后部分不包括问号?后部分的/test.php,就用我们刚才讲的:location.pathname;
得到url中问号?之后井号#之前的部分?user=admin&pwd=admin,我们就用:
location.search;
得到#之前的部分#login,我们就用location.hash;
经过上面的讲述,我们可以通过location对象的某些属性得到一个完整URL的各个部分。
分析下面的URL:
http://www.joymood.cn:8080/test.php?user=admin&pwd=admin#login
- location.href:得到整个如上的完整url
- location.protocol:得到传输协议http:
- location.host:得到主机名连同端口http://www.joymood.cn:8080/
- location.hostname:得到主机名http://www.joymood.cn/
- location.pathname:得到主机后部分不包括问号?后部分的/test.php
- location.search:得到url中问号?之后井号#之前的部分?user=admin&pwd=admin
- location.hash:得到#之前的部分#login
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)