如何使用 java 脚本从当前 url 获取多个 url 参数

Question

我有 2 个 html 页面、电影。html 和单个.html。 I am passing few values from movies.html to single.html through href tag, so it goes along with the url and i can fetch it in single.html page. 下面是代码：

电影.html：

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

所以现在点击 html 页面中的这个 href 链接后，single.html?var1=abc&var2=xyz&var3=def 整个事情都在 Z572D4E421E5E6B9BC111D815E8A02 中。 我的问题是如何使用 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];

output：

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

预期 output：

movieLink1 = abc
movieLink2 = xyz
movieLink3 = def

我没有得到预期的 output。

基本上 abc、xyz 和 def 是我的应用程序中的电影下载链接，所以如果我单击单个中的 movieLink1 按钮。应该下载 400p 分辨率的 html 电影，movieLink2 按钮应该下载 780p 分辨率的电影，movieLink3 按钮应该下载 1080p 分辨率的电影。 在移动设备上它工作正常，但在笔记本电脑上点击任何按钮下载 1080p 分辨率的电影。 我不明白是什么问题，如果有人可以提供帮助，我将非常感激他们。

Answer 1

您可以使用URLSearchParams

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

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

Answer 2

如果您只需要支持现代浏览器而不需要支持 Internet Explorer， wiesson推荐的 URLSearchParams 是最流畅的解决方案。

如果您要寻找适用于所有浏览器的解决方案，则可以使用match()方法和/var{n}=(\w+)(\W|$)/之类的正则表达式，即索引 1下的搜索结果的捕获组将包含所需的参数值。

例子：

const movieLink1 = window.location.href.match(/var1=(\w+)(\W|$)/)[1]
const movieLink2 = window.location.href.match(/var2=(\w+)(\W|$)/)[1]
const movieLink3 = window.location.href.match(/var3=(\w+)(\W|$)/)[1]

output：

movieLink1 = abc
movieLink2 = xyz
movieLink3 = def

Answer 3

可以使用这个function来获取参数

 const url= 'single.html?var1=abc&var2=xyz&var3=def'

    function getparams(url){
        const paramsobj={}

        if(url.includes('&')){
      const urlarray= url.split('?')
     const  parampairs =urlarray[1].split('&')
     parampairs.forEach(p => {
          const nwpair= p.split('=')
          paramsobj[nwpair[0]]=nwpair[1]
     });

    }
    if(!url.includes('&')){
        const urlarray= url.split('#')
          const keyvalue=urlarray[1].split('=')
        const arr=keyvalue
                let i=0
              while(i<arr.length+2) {
               key=keyvalue.shift()      
                value=keyvalue.shift()   
                paramsobj[key]=value
                      i++
              }    
    }
    return  paramsobj

    }
    params=getparams(url)
    console.log(params.var2)