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

浅浅的花香味﹌ 2022-06-10 02:14 190阅读 0赞

**概述**

相信很多Web开发者都知道，在开发Web程序的时候，对于页面之间的跳转，有很多种，但是有效的跳转则事半功倍，下面就是我在平时的开发过程中所用到的一些JavaScript跳转方式，拿出和大家共享一下。

**第一种：直接跳转加参数**

直接跳转无参数：

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

标签嵌套：

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

**第三种：指定跳转页面 对框架无效。。。**

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

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

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

**第七种：在新窗口打开：**

**应用实例：**

![复制代码][Image 1]

<head> 
    <script language="javascript">
    
    function old_page() 
    { 
    window.location = "login.aspx" 
    } 
    function replace() 
    { 
    window.location.replace("login.aspx") 
    } 
    function new_page() 
    { 
    window.open("login.aspx") 
    } 
    </script> 
    </head> 
    <body> 
    <input type="button" onclick="new_page()" value="在新窗口打开s"/> 
    <input type="button" onclick="old_page()" value="跳转后有后退功能"/> 
    <input type="button" onclick="replace()" value="跳转后没有后退功能"/> 
    </body>

![复制代码][Image 1]

[Image 1]: