javascript自动跳转

1.静态的秒数跳转

<script language="JavaScript1.2" type="text/javascript">

<!--

//  Place this in the ‘head‘ section of your page.

//url要跳转的页面  time等待时间,单位为毫秒。

function delayURL(url, time) {

setTimeout("top.location.href=‘" + url + "‘", time);

}

//-->

</script>

<script language="JavaScript1.2" type="text/javascript">

delayURL("bbs.jsp", 5000);

</script>

<!-- Place this in the ‘body‘ section -->

5秒后自动跳到主题列表,或点击<a href="bbs.jsp">立即</a>到主题列表。

2.动态秒数跳转

<!--  用samp标签定义id和字体颜色 -->

<samp id="delay" style="color: red;">5</samp>秒后自动跳到主题列表,或点击<a         href="bbs.jsp">立即</a>到主题列表。

<!-- script代码块 -->

<script language="JavaScript1.2" type="text/javascript">

function delayURL(url) {

//得到samp的值

var delay = document.getElementById("delay").innerHTML;

//alert(delay);

if(delay>1){

delay--;

//重新设置samp的值,实现秒数的动态效果

document.getElementById("delay").innerHTML = delay;

}else{

//alert(url);

//跳转到url页面

window.top.location.href=url;

}

//setTimeout("",1000)参数格式,第一个参数要用双引号

setTimeout("delayURL(‘"+url+"‘)",1000);

}

</script>

<!-- 调用自动跳转方法 传入url -->

<script  type="text/javascript">

delayURL("bbs.jsp");

</script>

javascript自动跳转

时间: 2024-11-14 12:31:33

javascript自动跳转的相关文章

5种常见网页自动跳转方法

网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去.网页自动跳转的主要作用是,当域名变更后,或者网站里的一个或多个网页被删除后,可以使用这种方式将用户引导到其它正常的网页中去,从而留住用户.不过,现在有许多人利用网页自动跳转来进行作弊,欺骗搜索引擎,从而实现提高网站搜索引擎排名的目的.比较典型的方式是:先做一个“桥页”,当搜索引擎收录了这个桥页,并有较高排名时,桥页中再使用网页自动跳转方式,将用户引导到用户本来无意访问的其它网页中去.下面介绍一下五种常见的网页自动跳转方法,以及搜

404页面自动跳转javascript

5秒后自动跳到系统<a href="login.aspx">登录界面</a>...还剩<span id="time" style="font-weight:bold;color: blue">5</span>秒! <script type="text/javascript">           var i = 5;           window.onload =

javascript 网页自动跳转

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button>点击跳转</button> <div></div> <script> var btn = do

HTML自动跳转

关于页面的自动跳转,以前知道有JavaScript的方法,直接设置window.location 或者在setTimeout 函数里进行设置. 现在自己的博客里要用到,就想看看有没有更“漂亮”的写法.Google了一下,还真有.简单.只要在HTML文件的<head>里添加以下这行代码: <meta http-equiv="refresh" content="0;url=your-url”> 参数说明: http-equiv : 指定动作.这里固定为 r

js实现网页多少秒后自动跳转到指定网址

在网上搜了一下,关于这个技术处理有多种方法,我只记下我在视频里学到的三种: 1.用一个response.sendRedirect("目标页面.jsp\.htm");实现直接跳转: 2.有时我们需要有点提示,比如“x秒后自动跳转,若没有跳转,请点击此处”,则可以在myeclipse中调用Snippets中的Delay Go To URL.会自动生成如下代码: 代码如下: <script language="JavaScript1.2" type="te

用js在网页上完成倒计时3秒后自动跳转到另一个页面

<body> <div id="time"></div> <a href="#" onclick="stop()">停止</a> <script type="text/javascript"> var i=3; function changeTime(){ document.getElementById("time").innerHTM

[转]JavaScript自动生成博文目录导航

转自:http://www.cnblogs.com/xdp-gacl/p/3718879.html 我们在写博客的时候,如果博文里面有目录,会给人结构清晰.一种一目了然的感觉,看目录就知道这篇博文要讲解的内容,并且点击目录标题就可以跳转到具体的内容,这样园友们在看博客的时候就可以很方便地浏览自己感兴趣的内容,但是遗憾的是博客园不支持博文目录的生成,好像也有园友给博客园提建议,希望能够像CSDN那样能够自动生成博文目录,但是不知道是什么原因,博客园一直都没有把这个功能加上去,既然没有,那我就自己做

网页实现自动跳转

两种实现自动跳转的的方法: 第一种方法,没有剩余秒数显示. <meta http-equiv=refresh content='5;url="http://xxxx.com/"' /> 第一种网页自动跳转方法:meta refresh自动跳转法 在网页的head区域的meta refresh标签中,加入自动跳转代码,可实现网页的立即或延时自动跳转. 示例如下: <meta http-equiv="refresh" content="10;

JS实现倒计时网页自动跳转(如404页面经常使用到的)

在web前端设计中,我们经常会遇到需要实现页面倒计时跳转的功能,例如在404页面中也会经常使用到此功能,那么如何实现呢,其实实现方法很简单,实现代码如下:<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementB