zoukankan      html  css  js  c++  java
  • 【JS学习】慕课网8-17编程练习 网页的返回与跳转

    编程练习

    制作一个跳转提示页面:

    要求:

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

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

    代码如下:

    需要注意的是23行要用window.location.href来指定  用window.open 的话是在新页面打开

    27行用计时器setInterval来调用函数  也可以用setTimeout 但此时函数内外都要加上即注释掉的25行

    10行超链接指向必须是javascript:跳转函数

     1 <!DOCTYPE html>
     2 <html>
     3  <head>
     4   <title>浏览器对象</title>  
     5   <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
     6  </head>
     7  <body>
     8   <!--先编写好网页布局-->
     9   <h1>操作成功</h1>
    10   <p><span id="second">5</span>秒后返回主页<a href="javascript:goback()">返回</a></p>
    11   
    12   
    13  
    14   <script type="text/javascript">  
    15  
    16    //获取显示秒数的元素,通过定时器来更改秒数。
    17    var num=document.getElementById("second").innerHTML;
    18 function goto(){
    19     num--;
    20     document.getElementById("second").innerHTML=num;
    21     if(num==0)
    22     {
    23         window.location.href="http://www.baidu.com";//window.open的话是在新窗口打开,需要用location指定!
    24     }
    25     //setTimeout("goto()",1000);
    26 }
    27 setInterval("goto()",1000);
    28 
    29 function goback(){
    30     window.history.back();
    31 }
    32     
    33    //通过window的location和history对象来控制网页的跳转。
    34   
    35  </script> 
    36 </body>
    37 </html>
  • 相关阅读:
    面试题21 包含min函数的栈
    面试题20 顺时针打印矩阵
    基于熵的方法计算query与docs相似度
    使用信息检索和深度学习方法的智能对话
    常用的激活函数
    spark实现smote近邻采样
    wide&deep用于ltr排序
    deepfm用于ltr排序
    lightgbm用于排序
    静态工厂方法+服务提供者框架模板
  • 原文地址:https://www.cnblogs.com/lijie33402/p/4389938.html
Copyright © 2011-2022 走看看