一、使用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标签实现页面跳转相对简单,如下:
跳转到百度首页
以上代码将在点击链接后跳转到百度首页。