Javascript 重定向到另一个页面 - Javascript

在前端开发中，经常需要将页面重定向到另一个页面。使用Javascript可以方便地实现这一功能。

重定向方法

在Javascript中，可以使用location.href属性来实现页面重定向。只需将要重定向的URL赋值给该属性即可。

location.href = 'http://www.example.com';

除了使用location.href属性之外，还可以使用location.replace()方法来实现页面重定向。该方法会将当前页面替换为新页面，而不是在新窗口中打开。

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

带参数重定向

有时候需要将参数传递给重定向的页面，这时候需要在URL中添加参数。可以使用字符串拼接的方式来实现。

let name = 'John';
let age = 30;
location.href = 'http://www.example.com?name=' + name + '&age=' + age;

延迟重定向

有时候需要在页面加载完毕后延迟一段时间再重定向到另一个页面。可以使用setTimeout()函数来实现延迟重定向的功能。

setTimeout(function() {
  location.href = 'http://www.example.com';
}, 3000); // 3秒后重定向到新页面

新窗口打开

如果需要在新窗口中打开重定向的页面，可以在URL中添加target="_blank"属性。

location.href = 'http://www.example.com' + '?target="_blank"';

总结

使用Javascript可以方便地实现页面重定向的功能。location.href属性和location.replace()方法都可以用来重定向到新页面。在URL中添加参数和target="_blank"属性可以实现带参数重定向和在新窗口中打开重定向页面的功能。延迟重定向可以用setTimeout()函数实现。