Warning: Error while sending QUERY packet. PID=4751 in /home/wwwroot/coco/domain/cnlamp/web/wp-includes/wp-db.php on line 1877 HTML页面自动跳转的五种实现方法 | LAMP新闻|技巧|经验|资讯站
现在的位置: 首页HTML, JAVASCRIPT>正文
HTML页面自动跳转的五种实现方法
发表于6年前 HTML, JAVASCRIPT 暂无评论

下面列了五个例子来详细说明,这几个例子的主要功能是:在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.getElementByIdx(‘totalSecond’).textContent; 
    setInterval(“redirect()”, 1000); 
    function redirect() 
   
    document.getElementByIdx(‘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.getElementByIdx(‘totalSecond’).innerText = “my text innerText”; 
    } else{ 
    document.getElementByIdx(‘totalSecond’).textContent = “my text textContent”; 
   
    </script>

    5)整合3)和3’)

    <span id=”totalSecond”>5</span>

    <script language=”javascript” type=”text/javascript”> 
    var second = document.getElementByIdx(‘totalSecond’).textContent; 

    if (navigator.appName.indexOf(“Explorer”) > -1) 
   
    second = document.getElementByIdx(‘totalSecond’).innerText; 
    } else 
   
    second = document.getElementByIdx(‘totalSecond’).textContent; 
   

    setInterval(“redirect()”, 1000); 
    function redirect() 
   
    if (second < 0) 
   
    location.href = ’02view.html’; 
    } else 
   
    if (navigator.appName.indexOf(“Explorer”) > -1) 
   
    document.getElementByIdx(‘totalSecond’).innerText = second–; 
    } else 
   
    document.getElementByIdx(‘totalSecond’).textContent = second–; 
   
   
   
    </script>

给我留言

留言无头像?


×
腾讯微博