初次尝试写技术blog

最新推荐文章于 2024-04-30 16:57:21 发布

zyc1991728

最新推荐文章于 2024-04-30 16:57:21 发布

阅读量310

点赞数

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

本文链接：https://blog.csdn.net/zyc1991728/article/details/50485341

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

第一次使用CSDN的blog，从这里开始尝试写技术博客，记录自己的程序员学习成长之路。希望能通过写博客提高自己的技术水平，改变自己。

使用javascript制作一个跳转提示页面

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
 <h1>操作成功</h1><br/>
 <span id='second'>5</span><span>秒后回到主页</span><a href="javascript:backnow()">返回</a>
  <!--编写好网页布局-->
  <script type="text/javascript"> 
  var sum=document.getElementById('second').innerHTML;
  function count()
  {
          if(sum>0)
          {
              sum--;
              document.getElementById('second').innerHTML=sum;
          }
          else if(sum==0)
          {
              location.assign("www.imooc.com");
          }
          else{}

  }
      setInterval('count()',1000);

  function backnow()
  {
      history.back();
  }
//获取显示秒数的元素，通过定时器来更改秒数。
//通过window的location和history对象来控制网页的跳转。

</script> 
</body>
</html>

通过本次编程练习，熟悉
1、document.getelementById(”).innerHTML 的用法
2、setInterval（代码块，time（ms））计时器每多久时间执行一次代码块
3、location.assign（“”）打开一个新的页面
4、history.back /history.go(-1) 回到上个打开的页面

新单词：interval ：间隔; 幕间休息; （数学）区间。