JavaScript 获取当前页面 URL 各组成部分详解
作者:青柠时间:2026-10-28 12:24:09浏览:99
本文详细介绍如何利用 JavaScript 的 window.location 对象获取当前页面 URL 的各项信息,包括完整地址、端口号、协议、查询参数及哈希值。通过具体代码示例,演示如何截取和解析 URL 中的变量值,帮助开发者快速掌握前端 URL 处理技巧。
JavaScript 获取当前页面 URL 各组成部分详解
1. 获取或设置完整的 URL 字符串
window.location.href
2. 获取或设置 URL 关联的端口号
window.location.port
3. 获取或设置 URL 的协议部分
window.location.protocol
4. 获取问号(?)之后的查询字符串部分
window.location.search
5. 获取特定变量的值(截取等号后的内容)
代码如下:
var url = window.location.search;
// alert(url.length);
// alert(url.lastIndexOf('='));
var loc = url.substring(url.lastIndexOf('=')+1, url.length); 6. 获取或设置 URL 的协议部分
window.location.protocol
7. 获取哈希符号(#)后的片段标识符
window.location.hash
8. 获取主机名和端口号组合
window.location.host
作者最新文章
ES6模块化中js文件怎么用import和export交互
2026-11-05 17:00:48
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
