如何在 JavaScript 中向 URL 添加参数？

给定一个 URL，任务是使用 JavaScript 向 URL 添加一个附加参数（名称和值）。

URL.searchParams： URL 接口的这个只读属性返回一个 URLSearchParams 对象，提供对 URL 中 GET 解码查询参数的访问。

句法：

var URLSearchParams = URL.searchParams;

示例一：本示例使用append 方法添加参数。

 
 
     
         
            How to add a parameter to the URL
             
     
      
    
           
         
            GeeksForGeeks 
        
          
        
        
          
        
            Add Parameter
        
          
        
        
          
        
            var up = document.getElementById('GFG_UP');
            var url = new URL("https://www.geeksforgeeks.org");
            up.innerHTML = url;
            var down = document.getElementById('GFG_DOWN');
              
            function GFG_Fun() {
                url.searchParams.append('param_1', 'val_1');
                down.innerHTML = url;
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

例2：本例使用set方法添加参数。

 
 
     
         
            How to add a parameter to the URL
             
     
      
    
           
         
            GeeksForGeeks 
        
          
        
        
          
        
            Add Parameter
        
          
        
        
          
        
            var up = document.getElementById('GFG_UP');
            var url = new URL("https://www.geeksforgeeks.org");
            up.innerHTML = url;
            var down = document.getElementById('GFG_DOWN');
              
            function GFG_Fun() {
                url.searchParams.set('param_1', 'val_1');
                down.innerHTML = url;
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：