功能：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?=?"my?text?innerText";
}?else{
????document.getElementById('totalSecond').textContent?=?"my?text?textContent";
}
</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>
posted on 2006-11-22 17:20
Jcat 閱讀(16884)
評論(2) 編輯 收藏 所屬分類:
Java