如何使用 JavaScript 重定向到另一个网页？

在本文中，我们将了解如何使用 Javascript 将网页重定向到另一个网页，并通过示例了解其实现。

有几种方法可以使用 JavaScript 重定向到另一个网页。下面列出了其中一些：

• location.href ：用于设置或返回当前页面的完整 URL。
• location.replace() ：用于将当前文档替换为指定的文档。
• location.assign() ：用于加载新文档。

句法：

location.href="URL"
      or
location.replace("URL")
      or
location.assign("URL")

参数：它接受一个必需的参数URL 。用于指定新网页的引用。

返回值：无返回值。

示例 1：此示例说明location.href属性的使用。

HTML

  

    Welcome to GeeksforGeeks
    This is the example of location.href way. 
  
    Click me
      
    
    
    function myFunc() {
        window.location.href = "https://www.geeksforgeeks.org/";
    }
    

  

输出：

location.href 属性

示例 2：这是location.replace()方法的示例。

HTML

  

    Welcome to GeeksforGeeks
    This is the example of location.replace method. 
  
    Click me
      
    
    
    function myFunc() {
        location.replace("https://www.geeksforgeeks.org/");
    }
    

  

输出：

位置.替换

示例 3：此示例使用location.assign()方法。

HTML

  

    Location assign() Method

  

    GeeksforGeeks
    Location assign() Method
    Click Here!
      
    
    
    function load() {
        location.assign("https://ide.geeksforgeeks.org/index.php");
    }
    

  

输出：

location.assign

注意：所有方法的输出都相同，但location.replace()方法会从文档历史记录中删除当前文档的 URL。因此，如果您想要导航回原始文档的选项，最好使用location.assign()方法。