JavaScript获取页面URL信息大全_站长工具_在线工具

工具分类

JavaScript获取页面URL信息大全 - 工具详情

JavaScript获取页面URL信息大全

发布时间2026-03-26 16:14:05

浏览次数13

所属分类站长工具

本地工具

🔍 URL解析 6

📊 参数解析 4

🔐 编码解码 4

⚙️ URL构建 5

📖 方法大全 9

🔗 URL操作工具

🔍 URL解析 - 获取URL各组成部分

🔗 输入URL

📊 URL参数解析 - 获取查询字符串参数

🔗 带参数的URL

🔐 URL编码/解码 - 处理特殊字符

📝 输入文本

⚙️ URL构建 - 动态构建URL

🌐 协议

🏠 域名

🔢 端口 (可选)

📁 路径

❓ 查询参数 (JSON格式)

# 哈希值

📖 JavaScript URL相关方法大全

🔗 测试URL

📚 JavaScript URL API 常用属性

window.location.href 完整URL window.location.protocol 协议 window.location.host 主机名+端口 window.location.hostname 主机名 window.location.port 端口号 window.location.pathname 路径部分 window.location.search 查询参数 window.location.hash 锚点 window.location.origin 源

🔐 编码解码函数说明

encodeURIComponent() 编码URL参数值 decodeURIComponent() 解码URL参数值 encodeURI() 编码完整URL decodeURI() 解码完整URL escape() 已废弃，不推荐使用 unescape() 已废弃，不推荐使用

💡 使用技巧

🔍 使用 URLSearchParams API 解析查询参数 📊 参数支持数组、对象等复杂结构 🔐 发送中文参数前必须编码 ⚙️ 使用 new URL() 构建和解析URL 🌐 window.location 对象可获取当前页面URL信息

工具介绍

学习如何使用JavaScript获取当前页面的完整URL、域名、相对路径、端口号、协议(http/https)和锚点(描点)等信息。本指南提供详细的代码示例和实用方法，帮助开发者轻松掌握URL操作技巧。

使用提示

如果工具无法正常加载，请尝试刷新页面或检查网络连接。本工具加载可能需要一些时间，请耐心等待。