A-A+

js各种跳转代码汇总

2018年09月16日 前端设计 暂无评论 阅读 0 views 次

js跳转代码在网页前端用得是比较多的了,甚至在后台php中也会直接用echo用到,主要是因为js跳转代码使用方面,不拖泥带水的,这里就来简单总结一下在前端js跳转代码的一个简单汇总。

按钮式的js跳转代码如下:

  1. <INPUT name="pclog" type="button" value="GO" onClick="location.href='https://www.xiariboke.net/'">   

这种js跳转通常用在需要点击时跳转。

链接式的js跳转代码:

  1. <a href="javascript:history.go(-1)">返回上一步</a>   
  2.   
  3. <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>   

如果我们做的是A标记的话,使用这种A链接式的JS跳转代码就可以了。

直接跳转JS代码:

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

如果需要在打开某个网页页面的时候就直接跳转走的话,就直接将这段JS代码放在页面里面就可以了。

开新窗口式的JS跳转代码

  1. <a href="javascript:" onClick="window.open('https://www.xiariboke.net/','','height=500,width=611,scrollbars=yes,status=yes')">夏日博客</a>  

如果想要在当前页面点击链接打开一个新窗口,而老窗口又不关闭的情况下就可以使用这种开新窗口式的JS跳转代码,可以自定义窗口高度,宽度等。

打开网页根据设定时间自动跳转JS代码

  1. <span id="tiao">3</span><a href="javascript:countDown"></a>夏日博客足迹;秒后自动跳转……<meta http-equiv=refresh content=3;url='https://www.xiariboke.net'</ul>   
  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>   

如果我们想要让用户在某个页面停留固定时间,然后再跳转的话,就可以使用这种JS跳转代码,当然,我们也可以把时间设置成0,就会变成打开页面直接跳转到指定网页,这种应用在网页当中比较常见。

上述的几种类型JS跳转代码都是比较常见的,这里还从网上收集了一些其它参考JS跳转代码。

JS跳转页面参考代码:

第一种(直接跳转JS代码):

  1. <script language="javascript" type="text/javascript">   
  2. window.location.href="login.jsp?backurl="+window.location.href;   
  3. </script>   

第二种(返回上一个页面):

  1. <script language="javascript">   
  2. alert("返回");   
  3. window.history.back(-1);   
  4. </script>   

第三种(针对IE的跳转):

  1. <script language="javascript">   
  2. window.navigate("top.jsp");   
  3. </script>   

第四种(当前网页的跳转):

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

第五种(禁止frame引用):

  1. <script language="javascript">   
  2. alert("非法访问!");   
  3. top.location='xx.jsp';   
  4. </script>   

js跳转显示选择框然后再跳转到指定页面

  1. <script language="javascript">   
  2. <!--   
  3. function logout()...{   
  4. if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{   
  5. window.location.href="logout.asp?act=logout"   
  6. }   
  7. }   
  8. -->   
  9. </script>   

js跳转显示提示框然后再跳转到指定页面

  1. <script language="javascript">   
  2. <!--   
  3. function logout()...{   
  4. alert("你确定要注销身份吗?");   
  5. window.location.href="logout.asp?act=logout"   
  6. }   
  7. -->   
  8. </script>  

这都是一些在前端常用到的JS跳转代码,用得频率较多一些,所以这里就给汇总出来了,当然也是为了自己的学习或者工作使用。

标签:

给我留言