溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關WEB開發中的頁面跳轉方法是什么，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
頁面跳轉可能是由于用戶單擊鏈接、按鈕等觸發的，也可能是系統自動產生的。頁面自動跳轉在WEB開發中經常用到，而且根據需求可以采用不同的跳轉方式，比如提示操作信息后延時跳轉等， 本文總結了WEB開發中常見的幾種頁面跳轉方法。
PHP的header()函數非常強大，其中在頁面url跳轉方面也調用簡單，使用header()直接跳轉到指定url頁面，這時頁面跳轉是302重定向：
$url = "http://www.xuebuyuan.com/";
header( "Location: $url" );
我們有可能會遇到特殊的跳轉時，比如網站改版有個頁面地址要做301重定向，當然你可以通過web配置rewrite來實現，但現在我要告訴大家，可以使用php的header()函數做301跳轉，代碼如下：
//301跳轉
header( "HTTP/1.1 301 Moved Permanently" );
header( "Location: $url" );
html中的meta信息里可以直接設置跳轉，可以設置跳轉延遲時間和跳轉url，經常應用，比如支付完了告訴用戶支付成功并跳轉到訂單頁面，代碼非常簡單，就在<head>中加上一句：
<meta http-equiv="refresh" content="5;url=http://www.xuebuyuan.com">
以上代碼表示在5秒鐘后頁面會自動跳轉到http://www.xuebuyuan.com。
Javascript跳轉也非常簡單，直接一句話：
<script>
window.location.href="http://www.xuebuyuan.com";
</script>
注意，上面這段代碼直接跳轉后，在目標頁面地址中是獲取不到來路（referer，也叫來源）的，在實際項目中，遇到有客戶要求跳轉要帶來路（即目標網頁可以獲取到頁面從哪里跳轉來的），這時，我們可以用javascript模擬一次點擊，然后跳轉就滿足了客戶的需求。
<script>
//有來路
var aa = document.createElement("a");
aa.setAttribute("href","http://www.xuebuyuan.com");
var bodys=document.getElementsByTagName("body")[0];
bodys.appendChild(aa);
aa.click();
</script>
當然，實際開發中我們可以把后面兩種方式整合到PHP中去，便于適用各種跳轉需求。
以上就是WEB開發中的頁面跳轉方法是什么，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
