// 跳轉(zhuǎn)到指定URL（會在瀏覽器歷史記錄中添加新條目）
window.location.;

// 等同于：
window.location = 'https://www.example.com';

// 跳轉(zhuǎn)到指定URL（不會添加歷史記錄，無法后退）
window.location.replace('https://www.example.com');

// 在新標簽頁打開URL
window.open('https://www.example.com', '_blank');

// 在當前頁打開（等同href）
window.open('https://www.example.com', '_self');

// 后退一步（等同瀏覽器后退按鈕）
window.history.back();

// 前進一步（等同瀏覽器前進按鈕）
window.history.forward();

// 后退兩步
window.history.go(-2);

// 前進三步
window.history.go(3);

// 刷新當前頁（等同F(xiàn)5）
window.history.go(0);

// 添加歷史記錄（不觸發(fā)頁面跳轉(zhuǎn)）
window.history.pushState({page: 1}, 'Title 1', '/page1');

// 替換當前歷史記錄
window.history.replaceState({page: 2}, 'Title 2', '/page2');

// 監(jiān)聽前進/后退（配合pushState使用）
window.addEventListener('popstate', (event) => {
  console.log('當前狀態(tài):', event.state);
});

// 監(jiān)聽hash變化
window.addEventListener('hashchange', () => {
  console.log('Hash變?yōu)?', window.location.hash);
});

// 添加歷史記錄并跳轉(zhuǎn)（無刷新）
document.getElementById('btn').addEventListener('click', () => {
  const state = { userId: 123 };
  window.history.pushState(state, '', '/profile');

  // 動態(tài)更新頁面內(nèi)容（模擬SPA）
  document.body.innerHTML = `<h1>用戶 ${state.userId} 的主頁</h1>`;
});

// 處理后退按鈕
window.addEventListener('popstate', (event) => {
  if (event.state) {
    document.body.innerHTML = `<h1>用戶 ${event.state.userId} 的主頁</h1>`;
  }
});