如何使用Java脚本从当前URL获取多个URL参数

舒玛

我有2个html页面,movies.html和single.html。我通过href标记将movies.html的一些值传递给single.html,因此它与url一起使用,我可以在single.html页面中获取它。下面是代码:

movie.html:

    <a href="single.html?var1=abc&var2=xyz&var3=def">

因此,现在单击html页面中的href链接single.html?var1 = abc&var2 = xyz&var3 = def之后,整个内容就会出现在网址中。我的问题是如何使用JavaScript获取var1,var2和var3的值。

我已经在single.html中使用以下代码来获取参数:

  var movieLink1 = window.location.href.split('?var1=')[1];
  var movieLink2 = window.location.href.split('&var2=')[1];
  var movieLink3 = window.location.href.split('&var3=')[1];

输出:

  movieLink1 = var1=abc&var2=xyz&var3=def
  movieLink2 = var2=xyz&var3=def
  movieLink3 = var3=def

预期产量:

movieLink1 = abc
movieLink2 = xyz
movieLink3 = def

我没有得到预期的输出。

基本上abc,xyz和def是我应用程序中的电影下载链接,因此,如果我单击single.html中的movieLink1按钮,则应下载分辨率为400p的电影,movieLink2按钮应下载780p分辨率的电影,movieLink3按钮应下载1080p分辨率的电影。在移动设备上可以正常工作,但是在笔记本电脑上单击任何按钮都可以下载1080p分辨率的电影。我没有什么问题,如果有人可以帮助我,我会非常感激他们。

维森

您可以使用URLSearchParams

const searchParams = new URLSearchParams(window.location.search);

// access var1
const var1 = searchParams.get("var1");

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章