JavaScript中实现页面跳转的几种常用方法
在JavaScript中,实现页面跳转的几种常用方法如下:
- 使用
window.location.href
:
window.location.href = 'https://www.example.com';
- 使用
window.location.assign
:
window.location.assign('https://www.example.com');
- 使用
window.location.replace
(此方法不会在历史记录中生成新记录):
window.location.replace('https://www.example.com');
- 使用
window.location
对象的reload
方法,强制从服务器重新加载页面:
window.location.reload(true); // true 表示从服务器重新加载
- 使用
window.open
方法打开新窗口:
window.open('https://www.example.com', '_self'); // 在当前窗口打开
- 使用
location.assign
与window
一起使用,可以在新窗口中打开页面:
window.location.assign('https://www.example.com'); // 在新窗口中打开
- 使用
document.createElement
与document.body.appendChild
结合,创建一个iframe
,然后自动跳转:
var iframe = document.createElement('iframe');
iframe.src = 'https://www.example.com';
iframe.style.display = 'none';
document.body.appendChild(iframe);
以上每种方法都有其适用的场景,例如,当你需要替换当前历史记录项时,你可能会选择window.location.replace
,或者当你需要在新窗口打开页面时,可以使用window.open
。
评论已关闭