JavaScript 实现文件跳转方法示例详解

// 跳转到指定URL
window.location.href = 'newpage.html';
// 或者简写
location.href = 'newpage.html';
// 也可以使用assign方法（可回退）
window.location.assign('newpage.html');
// 使用replace方法（不可回退）
window.location.replace('newpage.html');

// 创建超链接并触发点击
function redirect(url) {
  const link = document.createElement('a');
  link.href = url;
  link.click();
}
// 使用
redirect('newpage.html');

// 通过meta标签实现跳转
function metaRedirect(url, delay = 0) {
  const meta = document.createElement('meta');
  meta.httpEquiv = 'refresh';
  meta.content = `${delay};url=${url}`;
  document.head.appendChild(meta);
}
// 使用
metaRedirect('newpage.html', 3); // 3秒后跳转

// 添加历史记录并跳转（可回退）
window.history.pushState({}, '', 'newpage.html');
// 替换当前历史记录（不可回退）
window.history.replaceState({}, '', 'newpage.html');

function formRedirect(url, method = 'get') {
  const form = document.createElement('form');
  form.method = method;
  form.action = url;
  document.body.appendChild(form);
  form.submit();
}
// 使用
formRedirect('newpage.html');

   if (someCondition) {
     window.location.href = 'success.html';
   } else {
     window.location.href = 'error.html';
   }