如何使用 JavaScript 从页面 URL 获取文件名？

假设你给了一个 HTML 页面，任务是在 JavaScript 的帮助下获取一个 HTML 页面的文件名。下面讨论两种方法：

方法 1：在这种方法中， window.location.pathname返回页面的相对 URL。使用split() 方法在“/”上拆分 URL，使用pop() 方法从数组中获取最后一项。

• 示例：此示例实现了上述方法。

    
  
      
          How to get the name of a
          file using JavaScript
      
        
      
          body {
              text-align: center;
          }
          h1 {
              color: green;
          }
          #geeks {
              font-size: 26px; 
              font-weight: bold; 
              color: green;
          }
      
  
    
  
      GeeksforGeeks
        
      
          Click on the button to get
          the name of the file.
      
        
      
          click here
      
        
      
        
      
          var down = document.getElementById('geeks');
    
          function GFG_Fun() {
              var path = window.location.pathname;
              down.innerHTML = path.split("/").pop();
          }
      
  
    

• 输出：
  

方法 2：在这种方法中， location.pathname返回页面的相对 URL。使用lastIndexOf() 方法获取最后一个“/”，使用substring() 方法从字符串中获取“/”之后的项目。

• 示例：此示例实现了上述方法。

    
  
      
          How to get the name of
          a file in JavaScript
      
        
      
          body {
              text-align: center;
          }
          h1 {
              color: green;
          }
          #geeks {
              font-size: 26px; 
              font-weight: bold; 
              color: green;
          }
      
  
    
  
      GeeksforGeeks
        
      
          Click on the button to get
          the name of the file.
      
        
      
          click here
      
        
      
        
      
          var down = document.getElementById('geeks');
    
          function GFG_Fun() {
              down.innerHTML = location.pathname.substring
              (location.pathname.lastIndexOf("/") + 1);
          }
      
  
    

• 输出：