检测当前页面URL中查询参数值

Alex 发布于2019-08-21 10:43 / 3279人阅读

摘要：这里正则表达式匹配除了以外的所有字符最后，函数返回参数的值如果为空或者参数不存在，返回的值均为到此，我们可以使用这个方法来检测页面中的参数值了。

首先，页面URL中的查询参数是什么呢？
例如 http://segmentfault.com/x.html?a=0&b=1&c=2这个url后面?之后的a、b、c都属于查询参数.

在我们做开发的过程中，会遇到一些这样的需求：

判断当前链接中是否存在一项参数，并根据不同的参数做对应的处理。

同一个页面针对不同的状态做不同的处理，比如这个页面里内容是当前用户生成的，
然后他把当前页面分享出去之后，其他人看到该页面的时候，里面的一些内容（按钮、文字等）要做一些改变。

所以，我们应该有一个方法来获取当前页面URL中的参数值，我看到过一个很简洁的方法是这样的：

function getQueryValue(key){
    var match=location.search.match(new RegExp(key+"=([^&]*)"));
    return match&&match[1]||"";
}

解析一下这个方法：

location.search属性用于设置或取得当前URL的查询字符串（? 符号及后面的部分）

http://segmentfault.com/x.html?a=0&b=1&c=2这个例子中location.search即为?a=0&b=1&c=2

match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

new RegExp(key+"=([^&]*)") 这里正则表达式匹配 key=除了&以外的所有字符.

最后，函数返回参数key的值value.

ps:如果value为空或者参数key不存在，返回的值均为""
到此，我们可以使用这个方法来检测页面中URL的参数值了。

GPU云服务器云服务器 url参数值 php url参数值 JS获取当前URL url参数

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86062.html

《JavaScript高级程序设计》（第3版）读书笔记第8章 BOM

摘要：仅限数值表示新窗口的高度。此时只要检查这个返回值就可以确定弹窗是否被屏蔽。返回一个布尔值，代表用户选择还是返回一个字符串或者，输入了值并确定，返回字符串，其他方法关闭返回打印查找对话框。 ECMAScript是JavaScript的核心，但如果要在Web中使用JavaScript，那么BOM（浏览器对象模型）则无疑才是真正的核心。 W3C为了把浏览器中JavaScript最基本的部分...

AWang 2019-08-26 13:47 评论0 收藏0
知识整理——浏览器对象模型

摘要：浏览器对象模型什么是浏览器对象模型浏览器对象模型浏览器模型提供了独立于内容的可以与浏览器窗口进行滑动的对象结构，就是浏览器提供的其主要对象有对象的核心，是访问浏览器的接口，也是规定的对象对象提供当前窗口中的加载的文档有关的信息和一些导航功能浏览器对象模型什么是浏览器对象模型 BOM ：Browser Object Model（浏览器对象模型）,浏览器模型提供了独立于内容的、可以...

mayaohua 2019-08-22 16:04 评论0 收藏0
用PerformanceTiming来检测页面性能

摘要：如果没有前一个网页，则等于属性。该事件在网页查询本地缓存之前发生。如果使用持久连接，则返回值等同于属性的值。返回当前网页结构生成时即属性变为，以及相应的事件发生时的毫秒时间戳。 window.performance.timing下的属性 navigationStart 当前浏览器窗口的前一个网页关闭，发生unload事件时的Unix毫秒时间戳。如果没有前一个网页，则等于fetchSta...

IntMain 2019-08-21 15:55 评论0 收藏0