使用 jQuery 获取当前 URL？

jQuery 中的当前 URL 可以通过使用包含当前 URL 信息的 Location 对象的“href”属性来获取。 ‘href’ 属性返回一个包含当前页面完整 URL 的字符串。

句法：

$(location).attr('href')

示例 1：

  

    Get current URL using jQuery?

  

    GeeksForGeeks
    Get current URL using jQuery?
    Click on the button below to get the current page URL
     The current URL is: 
    Get current 
    
  
    
        $('#btn').click(function() {
            currLoc = $(location).attr('href');
            document.querySelector('.output').textContent = currLoc;
        });
    

  

输出：

点击按钮前：

点击按钮后：

示例 2：

  

    Get current URL using jQuery?

  

    GeeksForGeeks
    Get current URL using jQuery?
    
    
  
    
        alert("host = " + $(location).attr('host') + 
              "\nhostname = " + $(location).attr('hostname') + 
              "\npathname = " + $(location).attr('pathname') + 
              "\nhref = " + $(location).attr('href') + 
              "\nport = " + $(location).attr('port') + 
              "\nprotocol = " + $(location).attr('protocol'));
    

  

输出：

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。