码迷,mamicode.com
首页 > 其他好文 > 详细

页面链接跳转方法

时间:2015-05-25 20:11:11      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

一、window.location.href 是实现页面链接跳转

技术分享
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <title>浏览器对象</title> 
  <style>
  div{
      width: 500px;
      margin:0 auto;
  }
  </style> 
 </head>
 <body>
  <!--先编写好网页布局-->
  <div>
     <h2>操作成功</h2>
     <span id="time">5</span>秒后回到主页<a id="back" href="javascript:goBack()">返回</a>
     <input type="button" value="你好" id="btn">    
  </div>
  <script type="text/javascript">  
   //获取显示秒数的元素,通过定时器来更改秒数。
   var num=5;
   var cont=document.getElementById(time);
   function cutTime(){
           num--;
         cont.innerHTML=num;
     if(num==0)
          {
          //通过window的location和history对象来控制网页的跳转。
              window.location.href=("http://www.profilexiang.sinaapp.com");
         // window.open("http://www.baidu.com","_self"); 
         return false;
          }
    }
    setInterval("cutTime()",1000);

   var oBtn=document.getElementById(btn);
   function goBack(){
           window.history.go(-1);
   }
 </script> 
</body>
</html>
View Code

页面倒计时返回例子,慕课练习

页面链接跳转方法

标签:

原文地址:http://www.cnblogs.com/michael-xiang/p/4528700.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!