设置跳转提示页

最新推荐文章于 2023-05-01 22:40:23 发布

zenkle

最新推荐文章于 2023-05-01 22:40:23 发布

阅读量2.1k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_35142645/article/details/83181482

版权

javascript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

要求：

1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如慕课网主页。

2. 如果点击“返回”按钮则返回前一个页面。

<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <!--先编写好网页布局-->
  <p><strong>操作成功</strong></p>
  <span id="time">5</span>秒后回到主页
  <a href="javascript:history.back()">返回</a>
   <!--通过window的history对象来控制网页的跳转。记得添加javascript:-->
  <script type="text/javascript">  
  var count=document.getElementById("time").innerHTML;//获取显示秒数的元素 
function mytimer(){//通过定时器来更改秒数。
    if(count>1){
    count--;
    document.getElementById("time").innerHTML=count;
  
    }
    else{
       window.location.assign("http://www.baidu.com/");//通过window的location对象  来控制页面跳转。
    }
}
var i=setInterval("mytimer()",1000);//设置周期计时器
   
 </script> 
</body>
</html>

zenkle

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
设置跳转提示页

要求：1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如慕课网主页。2. 如果点击“返回”按钮则返回前一个页面。&lt;html&gt; &lt;head&gt; &lt;title&gt;浏览器对象&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; char...
复制链接

扫一扫