js实现操作成功之后自动跳转页面

最新推荐文章于 2024-05-07 22:44:30 发布

鱼还在鱼塘里

最新推荐文章于 2024-05-07 22:44:30 发布

阅读量8.1k

点赞数 4

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/ENDEAVOR__/article/details/108775236

版权

笔记专栏收录该内容

27 篇文章 0 订阅

订阅专栏

如图所示样子：
在这里插入图片描述

制作一个跳转提示页面：
要求：
1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如百度主页。
2. 如果点击“返回”按钮则返回前一个页面

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <!--先编写好网页布局-->
  
  <div><h1>操作成功</h1></div>
  <div><a id ="p1">5</a>后回到主页<a href="http://www.baidu.com">返回</a></div>
  <script type="text/javascript">  
 
   
    
   //获取显示秒数的元素，通过定时器来更改秒数。
     
     var num = 100;
     function downTime(){
		 document.getElementById('p1').innerHTML=num;
         if(num>0){
            num--;
         }else{
             window.location = "http://www.baidu.com";
         }
         setTimeout("downTime()",1000);
     }
   //通过window的location和history对象来控制网页的跳转。
   downTime();
 </script> 
</body>
</html>

鱼还在鱼塘里

关注

4
点赞
踩
31

收藏

觉得还不错? 一键收藏
4
评论
js实现操作成功之后自动跳转页面

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

扫一扫