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

Question

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

movies.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的值。

Answer 1

您可以使用URLSearchParams

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

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

Answer 2

您可以使用此功能获取参数

 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)