如何用Javascript从Url获取查询字符串?

查询字符串是URL的一部分。问号后的查询字符串以简单的键值对开始。流行的JavaScript框架提供了使用JavaScript获取查询字符串的库。但是,如果不使用任何JavaScript框架,我们如何用纯JavaScript获得它呢?

html5静态网页设计制作前端web切图模板源代码成品dw代做网站建设
| 月销量400件
优惠价10元
原价¥10

淘口令:

¥lawt2XhIAlS¥
 

getParameterByName()函数

首先,我们创建一个函数来获取、解析URL并使用键获取值。

function getParameterByName(name, url) { if (!url) { url = window.location.href; } name = name.replace(/[[]]/g, "$&"); var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/+/g, " "));}
  • 这里我们创建一个函数名 getParameterByName参数 .
  • 我们提供钥匙 名称 参数。
  • 网址 参数是可选的,如果需要,我们可以传递它。
  • 函数返回键的值。

getParameterByName函数的用法

用法非常简单,就像字典结构一样。

http://index.html?size=15
  • 这是我们的示例URL
var size=getParameterByName('size')
  • 我们使用函数getParameterByName,其键存在于URL中。
  • 大小 将是15没有示例URL。

如何用Javascript从Url获取查询字符串?信息图

How To Get Query String From Url With Javascript? Infografic
如何用Javascript从Url获取查询字符串?信息图

相关文章: 什么是HTML5?

© 版权声明
THE END
喜欢就支持一下吧,技术咨询可以联系QQ407933975
点赞0 分享