用HTML JS PHP方式實現頁面延時跳轉

2021-07-30 08:05:32 字數 1484 閱讀 3022

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指令碼控制跳轉方式,通過改寫

頭資訊來進行跳轉

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方式實現頁面延時跳轉

web開發中經常會遇到頁面跳轉或延時跳轉的需求,掌握各種頁面跳轉方式非常必要。以下是我總結有用html js php三類方式實現跳轉的方法,例子皆為三秒後跳轉到 index.php 頁面。1,html方法 在head 中新增標籤 2,js控制跳轉方法 a.location直接加鏈結方式 b.loca...

整理用js實現tab標籤頁

12 8.notice 15.notice tit 20.notice tit ul 2526 notice tit ul li 35.notice tit ul a 39.notice tit ul select 46 notice tit ul li hover 53 注意 1.需要給.noti...

用CSS實現Tab頁切換效果

最近切乙個頁面的時候涉及到了乙個tab切換的部分,因為不想用js想著能不能用純css的選擇器來實現切換效果。搜了一下大致有下面三種寫法。利用 hover選擇器 利用a標籤的錨點 target選擇器 利用label和radio的繫結關係和radio選中時的 checked來實現效果 經過實驗發現第三種...