zoukankan      html  css  js  c++  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>
  • 相关阅读:
    ASE19团队项目 beta阶段 model组 scrum report list
    ASE19团队项目 beta阶段 model组 scrum7 记录
    ASE19团队项目 beta阶段 model组 scrum6 记录
    ASE19团队项目 beta阶段 model组 scrum5 记录
    ASE19团队项目 beta阶段 model组 scrum4 记录
    ASE19团队项目 beta阶段 model组 scrum3 记录
    ASE19团队项目 beta阶段 model组 scrum2 记录
    ASE19团队项目 beta阶段 model组 scrum1 记录
    【ASE模型组】Hint::neural 模型与case study
    【ASE高级软件工程】第二次结对作业
  • 原文地址:https://www.cnblogs.com/zongzhankui/p/5875393.html
Copyright © 2011-2022 走看看