本地html自动跳转,HTML页面跳转的5种方法
下面列了五個例子來詳細說明，這幾個例子的主要功能是：在5秒后，自動跳轉到同目錄下的hello.html(根據自己需要自行修改)文件。
1) html的實現
優點：簡單
缺點：Struts Tiles中無法使用
2) javascript的實現
// 以下方式直接跳轉
window.location.href='hello.html';
// 以下方式定時跳轉
setTimeout("javascript:location.href='hello.html'", 5000);
優點：靈活，可以結合更多的其他功能
缺點：受到不同瀏覽器的影響
3) 結合了倒數的javascript實現(IE)
5
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='hello.html';
}
優點：更人性化
缺點：firefox不支持(firefox不支持span、div等的innerText屬性)
3') 結合了倒數的javascript實現(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--;
}
}
}
實現網頁頁面跳轉的幾種方法(meta標簽、js實現、php實現)
1.meta標簽實現 只需在head里加上下面這一句就行了,在當前頁面停留0.1秒后跳轉到目標頁面 ?代碼如下 復制代碼 1
ASP.NET頁面跳轉的三種方法比較
在ASP.NET下,經常需要在頁面之間跳轉,下面我們來分別介紹一下關于.NET中Response.Redirect(),Sever.Execute(),Server.Transfer() 三種頁面跳轉 ...
jquery/js/a標簽實現當前頁面跳轉的兩種方法
在逛購物網站首頁時經常看到側邊導航欄,當我們點擊導航欄中某一項時會跳轉到當前頁面的某一處 有兩種方法實現,一種是利用js計算好各位置的高度,通過綁定事件使頁面跳轉到指定位置,另一種是利用a標簽進行當前 ...
微信小程序頁面跳轉的四種方法
wx.navigateTo({})?,保留當前頁面,跳轉到應用內的某個頁面,使用?wx.navigateBack?可以返回; 示例: 1 wx.navigateTo({ 2 url:'../test/ ...
uni-app 頁面跳轉的兩種方法
1.navigator? 標簽
隨機推薦
Tomcat 啟動報錯：No default web.xml
原因是:tomcat 中conf 目錄中的 web.xml 被無意刪除掉了.從其他tomcat中復制一個過來就行了. conf 目錄 沒有 web.xml 導致的問題是,server.xml 中配置的 ...
JavaScript中的this指向
this是誰 技術一般水平有限,有什么錯的地方,望大家指正. this代指當前對象super調用父類的構造函數,應表會運網數物,加載驅動建立鏈接執行SQL處理結果,直到現在每想起這三點就能想起我上大學 ...
php 數據庫insert函數
jmeter jdbc request使用詳解
1.在使用 jdbc request之前需要加載一個jar包 在test plan中將jar包引入到classpath中 2.創建一個JDBC Connection Configuration Var ...
Python自動化之select解析
select原理 網絡通信被Unix系統抽象為文件的讀寫,通常是一個設備,由設備驅動程序提供,驅動可以知道自身的數據是否可用.支持阻塞操作的設備驅動通常會實現一組自身的等待隊列,如讀/寫等待隊列用于支 ...
Printf()輸出格式控制(轉)
int printf(const char *format,[argument]); format 參數輸出的格式,定義格式為: %[flags][width][.perc] [F|N|h|l]typ ...
STM32學習筆記——新建工程模板步驟(向原子哥學習)
1.? 在創建工程之前,先在電腦的某個目錄下面建立一個文件夾,我們先把它命名為Template,后面建立的工程可以放在這個文件夾下.在 Template 工程目錄下面,新建 3 個文件夾USER , ...
泛泰A880S升級官方4.4.2 binx教程
之前為了嘗鮮,直接官升4.4.2,紅磚了.越南兄弟說官方沒更新升級工具,所以導致升級到78%就停止了,他給的辦法,我試也沒成功.官方舊版本號又不能升級S0221118以上的版本號,新版的離線升級工具沒 ...
常用的key和oid
1.FortiGate Template-Network-Office-Fortigate-Session Count:key,fgSysSesCount ? oid,.1.3.6.1.4.1.123 ...
總結
以上是生活随笔為你收集整理的本地html自动跳转,HTML页面跳转的5种方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： signature=9742dbe4d0
- 下一篇： html自动广告业代码,html+jav