解释 ES6 中的页面重定向

页面重定向是一种将用户和网络浏览器重定向到用户未请求的另一个网址的方法。用户和 Web 浏览器重定向到的页面可以在同一个 Web 服务器上，也可以在不同的 Web 服务器上。它也可能是一个不同的网站。

页面重定向功能于 2015 年引入新的es6版本 JavaScript 时首次引入。它使用window.location对象，该对象由一组可用于重定向页面的方法组成。下面列出了所有方法：

replace() 方法：此方法用于将当前页面 URL 替换为用户必须重定向到的页面的新 URL。

注意： replace 方法会从浏览器的历史记录中删除当前的 URL，我们不能使用浏览器的返回键导航回该 URL。

句法：

window.location.replace("");

它以括号内传递的字符串形式接受重定向页面的 URL。

例子：

HTML

  

    
    
    
    Page redirection in es6


    Welcome To GFG
    Redirection using .replace() method.
    Redirect Me!
    
        function redirectME() {
            window.location.replace("https://practice.geeksforgeeks.org/");
        }
    

  

输出：

在重定向页面之前：

重定向页面后：

assign() 方法： assign() 方法用于将重定向页面的新位置分配给浏览器。

注意：与替换方法不同，它不会从浏览器的历史记录中删除当前 URL，以便我们可以在需要时导航回上一页。

句法：

window.location.assign("");

它还接受一个字符串参数来重定向到一个新页面。

例子：

HTML

    
    
    
    Page redirection in es6


    Welcome To GFG
    Redirection using .assign() method.
    Redirect Me!
    
        function redirectME() {
            window.location.assign("https://practice.geeksforgeeks.org/");
        }
    

输出：

在重定向页面之前：

重定向页面后：

reload() 方法： reload 方法用于将当前页面重新加载到 Web 浏览器中。

句法：

window.location.reload("");

例子：

HTML

    
    
    
    Page redirection in es6


    Welcome To GFG
    Reload tab Using .reload() method.
  
    Reload Me!
    
        function redirectME() {
            window.location.reload("https://practice.geeksforgeeks.org/");
        }
    

输出：

在重新加载页面之前：

重新加载页面后：

navigate() 方法：该方法用于为window.location对象分配一个新值，但它只在 Internet Explorer 中有用，因此可以避免，因为其他浏览器不支持它。

句法：

window.navigate("");

• 注意：在 HTML 文档的 head 标记中使用rel='canonical'来通知搜索引擎您正在使用页面重定向。它将有助于提高网页在搜索引擎优化 (SEO) 中的排名。