jquery和js 几种获取当前页面的URL信息方式

最新推荐文章于 2025-09-30 08:49:56 发布

原创最新推荐文章于 2025-09-30 08:49:56 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了使用JavaScript和jQuery从浏览器获取当前页面相关信息的方法，包括协议、服务器名称、端口号及应用路径等，并展示了如何利用这些信息构建完整的URL。

js获取方式如下:

request.getSchema()可以返回当前页面使用的协议，就是“http”
request.getServerName()可以返回当前页面所在的服务器的名字，就是“localhost”
request.getServerPort()可以返回当前页面所在的服务器使用的端口,就是80，
request.getContextPath()可以返回当前页面所在的应用的名字，就是项目名称“origin-web”
这四个拼装起来，就是当前应用的跟路径了

jquery获取方式如下:

window.location.pathname 设置或获取对象指定的文件名或路径，就是/topic/index

window.location.href 设置或获取整个 URL 为字符串，就是：http://localhost:8086/topic/index?topicId=361

window.location.port 设置或获取与 URL 关联的端口号码。就是：8086

window.location.protocol 设置或获取 URL 的协议部分。就是：http:
window.location.host 设置或获取 location 或 URL 的 hostname 和 port 号码就是：http:localhost:8086window.location.search 设置或获取 href 属性中跟在问号后面的部分。就是：?topicId=361

window.location
属性描述
hash 设置或获取 href 属性中在井号“#”后面的分段。
host 设置或获取 location 或 URL 的 hostname 和 port 号码。
hostname 设置或获取 location 或 URL 的主机名称部分。
href 设置或获取整个 URL 为字符串。
pathname 设置或获取对象指定的文件名或路径。
port 设置或获取与 URL 关联的端口号码。
protocol 设置或获取 URL 的协议部分。
search 设置或获取 href 属性中跟在问号后面的部分。

希望对大家有所帮助，java开发：木木