下面列了五個例子來詳細說明，這幾個例子的主要功能是：在5秒后，自動跳轉(zhuǎn)到同目錄下的hello.html(根據(jù)自己需要自行修改)文件。

1) html的實現(xiàn)

優(yōu)點：簡單

缺點：Struts Tiles中無法使用

2) javascript的實現(xiàn)

// 以下方式直接跳轉(zhuǎn)

window.location.href='hello.html';

// 以下方式定時跳轉(zhuǎn)

setTimeout("javascript:location.href='hello.html'", 5000);

優(yōu)點：靈活，可以結(jié)合更多的其他功能

缺點：受到不同瀏覽器的影響

3) 結(jié)合了倒數(shù)的javascript實現(xiàn)(IE)

5

var second = totalSecond.innerText;

setInterval("redirect()", 1000);

function redirect(){

totalSecond.innerText=--second;

if(second<0) location.href='hello.html';

}

優(yōu)點：更人性化

缺點：firefox不支持(firefox不支持span、div等的innerText屬性)

3') 結(jié)合了倒數(shù)的javascript實現(xiàn)(firefox)

var second = document.getElementById('totalSecond').textContent;

setInterval("redirect()", 1000);

function redirect()

{

document.getElementById('totalSecond').textContent = --second;

if (second < 0) location.href = 'hello.html';

}

4) 解決Firefox不支持innerText的問題

5

if(navigator.appName.indexOf("Explorer") > -1){

document.getElementById('totalSecond').innerText = "my text innerText";

} else{

document.getElementById('totalSecond').textContent = "my text textContent";

}

5) 整合3)和3')

5

var second = document.getElementById('totalSecond').textContent;

if (navigator.appName.indexOf("Explorer") > -1) {

second = document.getElementById('totalSecond').innerText;

} else {

second = document.getElementById('totalSecond').textContent;

}

setInterval("redirect()", 1000);

function redirect() {

if (second < 0) {

location.href = 'hello.html';

} else {

if (navigator.appName.indexOf("Explorer") > -1) {

document.getElementById('totalSecond').innerText = second--;

} else {

document.getElementById('totalSecond').textContent = second--;

}

}

}

實現(xiàn)網(wǎng)頁頁面跳轉(zhuǎn)的幾種方法&lpar;meta標簽、js實現(xiàn)、php實現(xiàn)&rpar;

1.meta標簽實現(xiàn) 只需在head里加上下面這一句就行了,在當(dāng)前頁面停留0.1秒后跳轉(zhuǎn)到目標頁面 ?代碼如下 復(fù)制代碼 1

ASP&period;NET頁面跳轉(zhuǎn)的三種方法比較

在ASP.NET下,經(jīng)常需要在頁面之間跳轉(zhuǎn),下面我們來分別介紹一下關(guān)于.NET中Response.Redirect(),Sever.Execute(),Server.Transfer() 三種頁面跳轉(zhuǎn) ...

jquery&sol;js&sol;a標簽實現(xiàn)當(dāng)前頁面跳轉(zhuǎn)的兩種方法

在逛購物網(wǎng)站首頁時經(jīng)?？吹絺?cè)邊導(dǎo)航欄,當(dāng)我們點擊導(dǎo)航欄中某一項時會跳轉(zhuǎn)到當(dāng)前頁面的某一處 有兩種方法實現(xiàn),一種是利用js計算好各位置的高度,通過綁定事件使頁面跳轉(zhuǎn)到指定位置,另一種是利用a標簽進行當(dāng)前 ...

微信小程序頁面跳轉(zhuǎn)的四種方法

wx.navigateTo({})?,保留當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面,使用?wx.navigateBack?可以返回; 示例: 1 wx.navigateTo({ 2 url:'../test/ ...

uni-app 頁面跳轉(zhuǎn)的兩種方法

1.navigator? 標簽

隨機推薦

Tomcat 啟動報錯：No default web&period;xml

原因是:tomcat 中conf 目錄中的 web.xml 被無意刪除掉了.從其他tomcat中復(fù)制一個過來就行了. conf 目錄 沒有 web.xml 導(dǎo)致的問題是,server.xml 中配置的 ...

JavaScript中的this指向

this是誰 技術(shù)一般水平有限,有什么錯的地方,望大家指正. this代指當(dāng)前對象super調(diào)用父類的構(gòu)造函數(shù),應(yīng)表會運網(wǎng)數(shù)物,加載驅(qū)動建立鏈接執(zhí)行SQL處理結(jié)果,直到現(xiàn)在每想起這三點就能想起我上大學(xué) ...

php 數(shù)據(jù)庫insert函數(shù)

jmeter jdbc request使用詳解

1.在使用 jdbc request之前需要加載一個jar包 在test plan中將jar包引入到classpath中 2.創(chuàng)建一個JDBC Connection Configuration Var ...

Python自動化之select解析

select原理 網(wǎng)絡(luò)通信被Unix系統(tǒng)抽象為文件的讀寫,通常是一個設(shè)備,由設(shè)備驅(qū)動程序提供,驅(qū)動可以知道自身的數(shù)據(jù)是否可用.支持阻塞操作的設(shè)備驅(qū)動通常會實現(xiàn)一組自身的等待隊列,如讀/寫等待隊列用于支 ...

Printf&lpar;&rpar;輸出格式控制(轉(zhuǎn))

int printf(const char *format,[argument]); format 參數(shù)輸出的格式,定義格式為: %[flags][width][.perc] [F|N|h|l]typ ...

STM32學(xué)習(xí)筆記——新建工程模板步驟(向原子哥學(xué)習(xí))

1.? 在創(chuàng)建工程之前,先在電腦的某個目錄下面建立一個文件夾,我們先把它命名為Template,后面建立的工程可以放在這個文件夾下.在 Template 工程目錄下面,新建 3 個文件夾USER , ...

泛泰A880S升級官方4&period;4&period;2 binx教程

之前為了嘗鮮,直接官升4.4.2,紅磚了.越南兄弟說官方?jīng)]更新升級工具,所以導(dǎo)致升級到78%就停止了,他給的辦法,我試也沒成功.官方舊版本號又不能升級S0221118以上的版本號,新版的離線升級工具沒 ...

常用的key和oid

1.FortiGate Template-Network-Office-Fortigate-Session Count:key,fgSysSesCount ? oid,.1.3.6.1.4.1.123 ...

總結(jié)

以上是生活随笔為你收集整理的本地html自动跳转,HTML页面跳转的5种方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。