如何通过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标签实现页面跳转相对简单，如下：

    
        跳转到百度首页
    

以上代码将在点击链接后跳转到百度首页。