分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

jquery获取当前页面的URL信息

发布时间:2023-09-06 01:33责任编辑:苏小强关键词:暂无标签

   在上一篇中,笔者跟大家提到了如何使用location.search来获取URL地址?后面的内容,本篇博客将聚焦于如何使用jquery获取当前页面的URL地址信息。

一.设置或获取对象指定的文件名或路径:就是获取端口和?之间的文件名或者路径,看下图就明白了:

window.location.pathname例:http://localhost:8086/topic/index?topicId=361alert(window.location.pathname); 则输出:/topic/index

二. 设置或获取整个 URL 为字符串。

window.location.href例:http://localhost:8086/topic/index?topicId=361alert(window.location.href); 则输出:http://localhost:8086/topic/index?topicId=361

三.设置或获取与 URL 关联的端口号码

window.location.port例:http://localhost:8086/topic/index?topicId=361alert(window.location.port); 则输出:8086

四.设置或获取 URL 的协议部分:

window.location.protocol例:http://localhost:8086/topic/index?topicId=361alert(window.location.protocol); 则输出:http:

五.设置或获取 href 属性中在井号“#”后面的分段:

使用window.location.hash方法即可

六.设置或获取与 URL 关联的端口号码:

window.location.port例:http://localhost:8086/topic/index?topicId=361alert(window.location.port); 则输出:8086

七.设置或获取 location 或 URL 的 hostname 和 port 号码:说白了就是获取主机和端口

window.location.host例:http://localhost:8086/topic/index?topicId=361alert(window.location.host); 则输出:http:localhost:8086

八.设置或获取 href 属性中跟在问号后面的部分:

例:http://localhost:8086/topic/index?topicId=361alert(window.location.search); 则输出:?topicId=361

最后做一个总结:

jquery获取当前页面的URL信息

原文地址:https://www.cnblogs.com/pyspark/p/8166539.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved