Javascript实现页面跳转的几种方式

     JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。而在Web开发时，程序猿会遇到一个页面跳转的问题。在此，小编为各位程序猿整理了几种比较常用的跳转方式。

工具/原料

• 电脑
• 开发工具

第一种：直接跳转

1. 1

   带参数的直接跳转：  

      <script language="javascript" type="text/javascript">

              window.location.href="A"+window.location.href;  //格式为url？参数

     </script>

   
2. 2

   不带参数的直接跳转：

   <script>window.location.href=url;</script>  //url为跳转页面的链接。需要‘’单引号引起来

   

第二种：返回上一次预览界面

1. 1

   普通返回：

   <script language="javascript">

   alert("返回上一级");

   window.history.back(-1);

   </script>

   
2. 2

   标签嵌套：

   <a href="javascript:history.go(-1)">返回上一级</a>

   <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一级</a>

   

第三种：指定自身跳转页面 对框架无效

1. 1

   代码如下：

   <script language="JavaScript">          self.location=url;  //url为需要跳转的链接，需要''单引号引上你的链接   </script>

   

第四种：指定跳转页面 对框架无效

1. 1

    代码如下：

     <script language="javascript">

          window.navigate(url);  //url为需要跳转的链接，需要''单引号引上你的链接

     </script>

   

第五种：指定自身跳转页面 对框架有效

1. 1

   代码如下：

   <script language="javascript">          alert("访问错误！");

            top.location=URL;   //url为需要跳转的链接，需要''单引号引上你的链接 

     </script>

   

第六种：按钮式 在button按钮添加 事件跳转

1. 1

   代码如下：

   //url为需要跳转的链接，需要''单引号引上你的链接

   <input name="control1" type="button" value="打开" onClick="location.href=url">  

   

第七种：在新窗口打开

1. 1

   代码如下：

   //url为需要跳转的链接，需要''单引号引上你的链接

   <a href="javascript:" onClick="window.open('url','','height=800,width=800,scrollbars=yes,status=yes')">开新窗口</a> 

   

注意事项

• 希望对读者有所帮助~~~喜欢的请给小编点个大拇指