網頁頁面跳轉實戰指南：Meta、JavaScript、PHP 三種核心方法詳解

頁面跳轉是 Web 開發中的基礎操作，本文系統整理了三種主流實現方式，附帶完整代碼示例，供開發者快速參考。

1. Meta 標籤跳轉

在 <head> 區塊插入以下代碼，頁面停留 0.1 秒後自動跳轉：

<meta http-equiv="refresh" content="0.1; url=https://example.com/">

2. JavaScript 跳轉（四種變體）

方法一：window.location.href（最常用）

window.location.href = "https://example.com/";

方法二：self.location

self.location = "https://example.com/";

方法三：top.location（適用於框架頁面）

top.location = "https://example.com/";

方法四：window.navigate（僅 IE 支援，不推薦）

window.navigate("https://example.com/");

3. PHP 伺服端跳轉

使用 header() 函數發送 HTTP 302 狀態碼：

<?php
header("Location: https://example.com/");
?>

實務建議：伺服端跳轉（PHP）最可靠，不受瀏覽器設定影響；前端跳轉適用於條件判斷或延遲導向場景。