夏日博客

A-A+

js 跳转页面各种方法总结

2016年10月16日 前端设计 评论 1 条 阅读 8 views 次

我们在开发中会常用碰到要实现操作之后跳转到我们指定的页面或过几秒再进来跳转了，下面我来给大家介绍js 跳转页面各种方法总结，有需要了解的朋友可参考。

直接跳转式,代码如下:

  1. <script>window.location.href='http://www.xiariboke.net';</script>  

iframe 跳转,代码如下:

  1. <script language="JavaScript">  
  2. self.location=’top.htm’;  
  3. </script>  

页面自动跳转,代码如下:

  1. <span id="tiao">3</span><a href="javascript:countDown"></a>布丁足迹;秒后自动跳转……<meta http-equiv=refresh content=3;url='http://www.xiariboke.net'>  
  2. <!--脚本开始-->  
  3. <script language="javascript" type="">  
  4. function countDown(secs){  
  5.   tiao.innerText=secs;  
  6.   if(--secs>0)  
  7.    setTimeout("countDown("+secs+")",1000);  
  8.   }  
  9.   countDown(3);  
  10. </script>  

弹出新窗口,代码如下:

  1. function toUrl(ul){  
  2. if("" == ul || null==ul){  
  3.          alert("感谢关注");  
  4.       }else{  
  5.                      
  6.                   window.open(ul);//这是跳出新的窗口  
  7.                  // window.location.href=ul;//这是直接在当前页跳转  
  8.   
  9.        }  
  10.                return;  
  11. }  
标签：

1 条留言  访客：1 条  博主：0 条

  1. 拉萨虫草 2016年10月19日 下午 4:13  -199楼  回复

    不错，点进来看一下，你的网址就会记录在cnsun.cc/site.txt 这里

给我留言