JS练习_跳转提示页面

JS练习_跳转提示页面制作一个跳转提示页面:要求:如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如百度网主页。如果点击“返回”按钮则返回前一个页面。预览:<!DOCTYPEhtml><html><head><title>浏览器对象&lt

大家好,欢迎来到IT知识分享网。

制作一个跳转提示页面:

要求:

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

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

预览:
JS练习_跳转提示页面


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

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/34406.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信