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

我们在开发页面时，经常会涉及到页面跳转的开发。那么这篇文章跟大家分享一下 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 官网。