程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> JAVA編程 >> 關於JAVA >> 一些頁面自動跳轉的實現

一些頁面自動跳轉的實現

編輯:關於JAVA

功能: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>

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved