国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML實現頁面自動跳轉的五種方法

2019-10-26 17:17:49
字體:
來源:轉載
供稿:網友

在上篇文章給大家介紹了HTML頁面3秒后自動跳轉的三種常見方法,本文繼續給大家介紹有關html頁面跳轉相關知識,一起學習吧。
下面列了五個例子來詳細說明,這幾個例子的主要功能是:在5秒后,自動跳轉到同目錄下的hello.html(根據自己需要自行修改)文件。

1)html的實現


復制代碼
代碼如下:
<head>
<meta http-equiv="refresh" content="5;url=hello.html">
</head>

優點:簡單

缺點:Struts Tiles中無法使用

2)javascript的實現


復制代碼
代碼如下:
<mce:script language="javascript" type="text/javascript"><!--
setTimeout("javascript:location., 5000);
// --></mce:script>

優點:靈活,可以結合更多的其他功能

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

3)結合了倒數的javascript實現(IE)


復制代碼
代碼如下:
<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.;
}
// --></mce:script>

優點:更人性化

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

3 )結合了倒數的javascript實現(firefox)


復制代碼
代碼如下:
<mce:script language="javascript" type="text/javascript"><!--
var second = document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent = --second;
if (second < 0) location.;
}
// --></mce:script>

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


復制代碼
代碼如下:
<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent";
}
// --></mce:script>

5)整合3)和3')


復制代碼
代碼如下:
<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
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.;
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = second--;
} else
{
document.getElementById('totalSecond').textContent = second--;
}
}
}
// --></mce:script>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 锦屏县| 丹凤县| 清涧县| 新昌县| 筠连县| 桐庐县| 宁都县| 德庆县| 阿拉善左旗| 深圳市| 双牌县| 曲阳县| 长葛市| 玉林市| 尉犁县| 泊头市| 威信县| 巩留县| 海城市| 甘南县| 乌拉特后旗| 聊城市| 霍邱县| 体育| 剑川县| 麟游县| 宣恩县| 翼城县| 东乡族自治县| 宁强县| 凤冈县| 武冈市| 南和县| 定远县| 天峨县| 衢州市| 威远县| 曲水县| 内丘县| 那坡县| 德钦县|