本地html自动跳转,HTML页面跳转的5种方法
下面列了五個(gè)例子來詳細(xì)說明，這幾個(gè)例子的主要功能是：在5秒后，自動(dòng)跳轉(zhuǎn)到同目錄下的hello.html(根據(jù)自己需要自行修改)文件。
1) html的實(shí)現(xiàn)
優(yōu)點(diǎn)：簡單
缺點(diǎn)：Struts Tiles中無法使用
2) javascript的實(shí)現(xiàn)
// 以下方式直接跳轉(zhuǎn)
window.location.href='hello.html';
// 以下方式定時(shí)跳轉(zhuǎn)
setTimeout("javascript:location.href='hello.html'", 5000);
優(yōu)點(diǎn)：靈活，可以結(jié)合更多的其他功能
缺點(diǎn)：受到不同瀏覽器的影響
3) 結(jié)合了倒數(shù)的javascript實(shí)現(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)點(diǎn)：更人性化
缺點(diǎn)：firefox不支持(firefox不支持span、div等的innerText屬性)
3') 結(jié)合了倒數(shù)的javascript實(shí)現(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--;
}
}
}
實(shí)現(xiàn)網(wǎng)頁頁面跳轉(zhuǎn)的幾種方法(meta標(biāo)簽、js實(shí)現(xiàn)、php實(shí)現(xiàn))
1.meta標(biāo)簽實(shí)現(xiàn) 只需在head里加上下面這一句就行了,在當(dāng)前頁面停留0.1秒后跳轉(zhuǎn)到目標(biāo)頁面 ?代碼如下 復(fù)制代碼 1
ASP.NET頁面跳轉(zhuǎn)的三種方法比較
在ASP.NET下,經(jīng)常需要在頁面之間跳轉(zhuǎn),下面我們來分別介紹一下關(guān)于.NET中Response.Redirect(),Sever.Execute(),Server.Transfer() 三種頁面跳轉(zhuǎn) ...
jquery/js/a標(biāo)簽實(shí)現(xiàn)當(dāng)前頁面跳轉(zhuǎn)的兩種方法
在逛購物網(wǎng)站首頁時(shí)經(jīng)?？吹絺?cè)邊導(dǎo)航欄,當(dāng)我們點(diǎn)擊導(dǎo)航欄中某一項(xiàng)時(shí)會跳轉(zhuǎn)到當(dāng)前頁面的某一處 有兩種方法實(shí)現(xiàn),一種是利用js計(jì)算好各位置的高度,通過綁定事件使頁面跳轉(zhuǎn)到指定位置,另一種是利用a標(biāo)簽進(jìn)行當(dāng)前 ...
微信小程序頁面跳轉(zhuǎn)的四種方法
wx.navigateTo({})?,保留當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面,使用?wx.navigateBack?可以返回; 示例: 1 wx.navigateTo({ 2 url:'../test/ ...
uni-app 頁面跳轉(zhuǎn)的兩種方法
1.navigator? 標(biāo)簽
隨機(jī)推薦
Tomcat 啟動(dòng)報(bào)錯(cuò)：No default web.xml
原因是:tomcat 中conf 目錄中的 web.xml 被無意刪除掉了.從其他tomcat中復(fù)制一個(gè)過來就行了. conf 目錄 沒有 web.xml 導(dǎo)致的問題是,server.xml 中配置的 ...
JavaScript中的this指向
this是誰 技術(shù)一般水平有限,有什么錯(cuò)的地方,望大家指正. this代指當(dāng)前對象super調(diào)用父類的構(gòu)造函數(shù),應(yīng)表會運(yùn)網(wǎng)數(shù)物,加載驅(qū)動(dòng)建立鏈接執(zhí)行SQL處理結(jié)果,直到現(xiàn)在每想起這三點(diǎn)就能想起我上大學(xué) ...
php 數(shù)據(jù)庫insert函數(shù)
jmeter jdbc request使用詳解
1.在使用 jdbc request之前需要加載一個(gè)jar包 在test plan中將jar包引入到classpath中 2.創(chuàng)建一個(gè)JDBC Connection Configuration Var ...
Python自動(dòng)化之select解析
select原理 網(wǎng)絡(luò)通信被Unix系統(tǒng)抽象為文件的讀寫,通常是一個(gè)設(shè)備,由設(shè)備驅(qū)動(dòng)程序提供,驅(qū)動(dòng)可以知道自身的數(shù)據(jù)是否可用.支持阻塞操作的設(shè)備驅(qū)動(dòng)通常會實(shí)現(xiàn)一組自身的等待隊(duì)列,如讀/寫等待隊(duì)列用于支 ...
Printf()輸出格式控制(轉(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)建工程之前,先在電腦的某個(gè)目錄下面建立一個(gè)文件夾,我們先把它命名為Template,后面建立的工程可以放在這個(gè)文件夾下.在 Template 工程目錄下面,新建 3 個(gè)文件夾USER , ...
泛泰A880S升級官方4.4.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)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： signature=9742dbe4d0
- 下一篇： 响应格式html,设置响应格式的HTML