首页 > Web开发 > 详细

js页面跳转

时间:2014-07-30 17:49:45      阅读:283      评论:0      收藏:0      [点我收藏+]

这是一个经常可以看到的页面跳转效果。使用到的是delay go to url.

首先要加入这样一个标签,数字5 表示几秒后跳转。

<span id="time">5</span>秒钟后跳转,如不跳转,请点击下面链接

这是方法部分:

<script language="JavaScript1.2" type="text/javascript">
    function delayURL(url){
        var delay=document.getElementById("time").innerHTML; //获取名字为“time”的标签内字符
        if(delay>0){
            delay--;
            document.getElementById("time").innerHTML=delay;
                    }else{
            window.top.location.href=url;
        }
        setTimeout("delayURL(‘"+url +"‘)",1000);    //隔一秒就执行delayURL(url)方法
    }
</script>

在<body>中加入代码:

<a href="***.jsp">请点击</a>
<script type="text/javascript">
    delayURL("***.jsp");  //要跳转的页面
</script>


本文出自 “学习园地” 博客,请务必保留此出处http://melinstudy.blog.51cto.com/8781036/1532887

js页面跳转,布布扣,bubuko.com

js页面跳转

原文:http://melinstudy.blog.51cto.com/8781036/1532887

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!