用HTML/JS/PHP方式實現頁面延時跳轉的簡單一實例_php執行個體

來源:互聯網
上載者:User
WEB開發中經常會遇到頁面跳轉或延時跳轉的需求,掌握各種頁面跳轉方式非常必要。

以下是我總結有用HTML/JS/PHP三類方式實現跳轉的方法,例子皆為三秒後跳轉到index.php頁面。

1,HTML方法:

在HEAD中添加標籤


2,JS控制跳轉方法

A.Location直接加連結方式


B.Location.href方式


C.Location.assign方式


D.Location.replace方式(注意頁面是被“替換”掉了,不會在瀏覽器的記錄被查詢到)


E.JS記錄go(n)方式(n表示對記錄相對當前頁的前進步數,n為負數表示返回以前的頁面)


F.JS記錄go(url)方式(注意url必須是記錄內的,不然頁面不會進行跳轉)


G.JS window.open方式,通過開啟一個新視窗,實現跳轉。(其第二個屬性為可選目標選項,值可以是frame id/_blank等,第三個選項為新快顯視窗的具體設定選項,包括height/width等)


3,PHP指令碼控制跳轉方式,通過改寫HTTP頭資訊來進行跳轉

A.header refresh方式:

Header(“refresh:3;url='index.php'”);

B. header location 方式 :

sleep(3);Header(“location:index.php”);

要注意這種方式會導致無法進入當前頁面。即若當前在register.php頁面連結到login.php頁面時,login.php頁面內用header location方式跳轉,頁面會從register.php頁面直接等待三秒跳轉到index.php,不會進入到login.php頁面,這是因為header location會對頁面進行重新導向。

如有錯誤,歡迎指正,謝謝。

以上這篇用HTML/JS/PHP方式實現頁面延時跳轉的簡單一實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援指令碼之家。

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.