JavaScript跳转方式（前后端开发必须掌握！！！）

最新推荐文章于 2024-02-03 13:00:00 发布

攻城丶狮

最新推荐文章于 2024-02-03 13:00:00 发布

阅读量450

点赞数

分类专栏：面试 js 套路文章标签： javascript

本文链接：https://blog.csdn.net/tzydzj/article/details/111589753

版权

面试同时被 3 个专栏收录

46 篇文章 1 订阅

订阅专栏

套路

4 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

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

第七种：在新窗口打开。

应用实例：

概述

JavaScript跳转方式。

第一种：直接跳转加参数

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

标签嵌套：

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

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

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

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

self.location='top.htm';

</script>

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

alert("非法访问！");

top.location='xx.aspx';

</script>

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

第七种：在新窗口打开。

应用实例：

<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>