如何为 window.location.href 制定解决方法？

给定一个URL ，任务是使用页面的当前地址并使用该地址执行操作。

示例 1：此示例指向相同的 URL，并且仅重定向到相同的地址。 URL = 'https://gitstr.herokuapp.com'

  

    Example 1:

  

    
        
        GitStar
        
  
        
            
            Username
            
          
      
        Forgot your Username
          
       
      Don't have an account?
     
    
  
 
    $(document).ready(function () {
      $('#todoInputForm').submit(function (e) {
        e.preventDefault()
        var input = $('#login').val()
        window.location.href = '/'
      })
    })
  

输出：

• 在点击搜索按钮之前：搜索
  
• 点击搜索按钮后：
  
  正如您在单击搜索按钮后看到的那样，由于第 38 行，URL 没有改变： window.location.href = '/' 。

示例 2：在此示例中，我们想使用window.location.href属性
指向其他地址，让我们看看它是如何工作的。

  

    Example 2:

  

    
        
        GitStar
        
  
        
            
            Username
            
          
      
        Forgot your Username
          
          
      Don't have an account?
      
    
  
 
    $(document).ready(function () {
      $('#todoInputForm').submit(function (e) {
        e.preventDefault()
        var input = $('#login').val()
        window.location.href = '/' + input;
      })
    })
  

输出：

• 点击按钮前：搜索
  
• 点击按钮后：搜索
  
  正如您在单击搜索按钮后看到的那样，URL 确实发生了变化，因为
  第 37 行： window.location.href = '/' + input ，现在它指的是默认窗口位置 + 输入。

所以这是一个简短的例子，展示了我如何在我的项目中使用window.location.href属性，如果你想更好地理解这个主题以及当涉及到完整的后端和前端时它是如何工作的，那么请参考这个 Github repo .