js中window. location. search的用法和作用

最新推荐文章于 2025-10-23 23:14:41 发布

转载最新推荐文章于 2025-10-23 23:14:41 发布 · 6.9w 阅读

JQuery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用JavaScript的window.location对象来获取当前页面URL中的参数。具体实现方式是通过window.location.search获取URL中问号(?)后的参数部分，再利用字符串操作方法split结合循环遍历来解析参数。

原文链接：https://blog.youkuaiyun.com/qq_27093465/article/details/50731087

用该属性获取页面 URL 地址：

window.location 对象所包含的属性

属性	描述
hash	从井号 (#) 开始的 URL（锚）
host	主机名和当前 URL 的端口号
hostname	当前 URL 的主机名
href	完整的 URL
pathname	当前 URL 的路径部分
port	当前 URL 的端口号
protocol	当前 URL 的协议
search	从问号 (?) 开始的 URL（查询部分）

如图就是取出url中的参数。

JS 脚本捕获页面 GET 方式请求的参数？其实直接使用 window.location.search 获得，然后通过 split 方法结合循环遍历自由组织数据格式。

大概处理如下：

 
   [javascript]  
   view plaincopy
var searchURL = window.location.search;  
searchURL = searchURL.substring(1, searchURL.length);  
var targetPageId = searchURL.split("&")[0].split("=")[1];  