一些頁面自動跳轉的實現
系統
1898 0
功能：5秒后，自動跳轉到同目錄下的02view.html文件
1）html的實現
<
head
>
<
meta
http-equiv
="refresh"
content
="5;url=02view.html"
>
</
head
>
優點：簡單
缺點：Struts Tiles中無法使用
2）javascript的實現
<
script
language
="javascript"
type
="text/javascript"
>
setTimeout(
"
javascript:location.href='02view.html'
"
,
5000
);
</
script
>
優點：靈活，可以結合更多的其他功能
缺點：受到不同瀏覽器的影響
3）結合了倒數的javascript實現（IE）
<
span
id
="totalSecond"
>
5
</
span
>
<
script
language
="javascript"
type
="text/javascript"
>
var
second
=
totalSecond.innerText;
setInterval(
"
redirect()
"
,
1000
);
function
redirect(){
totalSecond.innerText
=--
second;
if
(second
<
0
)location.href
=
'02view.html';
}
</
script
>
優點：更人性化
缺點：firefox不支持（firefox不支持span、div等的innerText屬性）
3'）結合了倒數的javascript實現（firefox）
<
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.href
=
'02view.html';
}
</
script
>
4）解決Firefox不支持innerText的問題
<
span
id
="totalSecond"
>
5
</
span
>
<
script
language
="javascript"
type
="text/javascript"
>
if
(navigator.appName.indexOf(
"
Explorer
"
)
>
-
1
){
document.getElementById('totalSecond').innerText
=
"
mytextinnerText
"
;
}
else
{
document.getElementById('totalSecond').textContent
=
"
mytexttextContent
"
;
}
</
script
>
5）整合3）和3'）
<
span
id
="totalSecond"
>
5
</
span
>
<
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.href
=
'02view.html';
}
else
{
if
(navigator.appName.indexOf(
"
Explorer
"
)
>
-
1
)
{
document.getElementById('totalSecond').innerText
=
second
--
;
}
else
{
document.getElementById('totalSecond').textContent
=
second
--
;
}
}
}
</
script
>
一些頁面自動跳轉的實現
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元