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來實現效果 經過實驗發現第三種...