如何通過JavaScript實現網頁跳轉

一、使用window.location.href進行跳轉

JavaScript可以通過修改window.location.href屬性來實現網頁跳轉。例如，如果我們想跳轉到新的網址，只需要將該網址賦值給window.location.href即可。

    
        window.location.href = 'http://www.baidu.com';
    

此代碼將把當前頁面重定向到百度首頁。

當然，我們也可以在頁面加載完成後調用該行代碼來實現跳轉。

    
        window.onload = function() {
            window.location.href = 'http://www.baidu.com';
        }
    

以上代碼將在頁面加載完成後進行跳轉。

二、使用location.replace方法進行跳轉

除了通過修改window.location.href屬性來實現網頁跳轉之外，還可以使用location.replace方法來實現。該方法與修改window.location.href屬性的作用是相同的，都會將頁面重定向到指定的URL。

    
        location.replace('http://www.baidu.com');
    

該代碼將執行和window.location.href = ‘http://www.baidu.com’相同的操作。

三、使用location.assign方法進行跳轉

另外一種實現方式是使用location.assign方法進行跳轉。該方法與前兩種方法不同的是，它將瀏覽器的歷史記錄清空，也就是說通過瀏覽器後退按鈕將無法回到前一個頁面。

    
        location.assign('http://www.baidu.com');
    

該代碼將執行和前兩種方法相似的操作，只是無法通過瀏覽器後退按鈕回到前一個頁面。

四、結合setTimeout方法實現延遲跳轉

有時候我們需要在一定時間後進行頁面跳轉。這時候可以結合setTimeout方法來實現。

    
        setTimeout(function(){
            window.location.href = 'http://www.baidu.com';
        }, 3000); // 3秒後跳轉
    

以上代碼將在3秒後跳轉到百度首頁。

五、通過a標籤實現跳轉

雖然本文主題是如何通過JavaScript實現網頁跳轉，但我們也不能忽略通過a標籤來實現頁面跳轉的方式。通過a標籤實現頁面跳轉相對簡單，如下：

    
        跳轉到百度首頁
    

以上代碼將在點擊鏈接後跳轉到百度首頁。