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