JavaScript实现页面跳转的几种方式!

2021-05-11 11:13:36 浏览数 (16224)

我们在开发页面时,经常会涉及到页面跳转的开发。那么这篇文章跟大家分享一下 JavaScript 实现页面跳转的几种方式!

第一种:直接跳转

直接跳转加参数

<script language="javascript" type="text/javascript">
    window.location.href="跳转地址?backurl="+window.location.href; 
</script>

直接跳转无参数

<script>window.location.href='跳转地址';</script>

第二种:返回上一级浏览界面

<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

第三种:跳转指定页面

跳转指定页面-对页面无效

 <script language="javascript">
       window.navigate("跳转地址");
  </script>

跳转指定页面-对框架有效

 <script language="javascript">
      alert("非法访问!");
      top.location='跳转地址';
 </script>

第四种:指定自身跳转页面(对框架无效)

<script language="JavaScript">
          self.location='跳转地址';
   </script>

第五种:button 按钮添加时间跳转

<input  type="button" value="跳转" onClick="location.href='跳转地址'">

第六种:在新窗口打开页面

<a href="javascript:" onClick="window.open('跳转地址','','scrollbars=yes,status=yes')">打开新窗口</a> 

以上六种 JavaScript 跳转方式就是文章“JavaScript 实现页面跳转的几种方式!”的全部内容。更多 JavaScript 的学习请关注 w3cschool 官网。