`

JS中页面跳转

阅读更多
<html>
<head>
<title></title>
<script language="javascript">
function escapeFrame(){
      
if (window.top.location.href != window.location.href) {
        window.top.location.reload();
      }
}
</script>
</head>
<body onload="escapeFrame()">
<iframe src="b.html" ></iframe>
</body>
</html>

 

"window.location.href"、"location.href"是本页面跳转.
"parent.location.href" 是上一层页面跳转.
"top.location.href" 是最外层的页面跳转.
举例说明:
    如果A,B,C,D都是html,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写
    "window.location.href"、"location.href":D页面跳转
    "parent.location.href":C页面跳转
    "top.location.href":A页面跳转
如果D页面中有form的话,
    <form>:  form提交后D页面跳转
    <form target="_blank">:  form提交后弹出新页面
    <form target="_parent">:  form提交后C页面跳转
    <form target="_top"> :  form提交后A页面跳转
如果访问的是iframe里面的页面,重新加载最外层的页面
 
分享到:
评论

相关推荐

    js页面跳转 js页面跳转代码汇总

    特别是在页面跳转方面,JS提供了多种方式来实现这一功能,这些方法各有特点,适用于不同的场景需求。下面将详细介绍几种常见的JS页面跳转技术及其应用场景。 ### 1. 使用`window.location.href` 这是最常用的一种...

    JS页面跳转和js对iframe进行页面跳转、刷新

    在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...

    js跳转页面方法,JS跳转页面参考代码

    JS 跳转页面方法是指使用 JavaScript 实现页面跳转的方法,这些方法可以在 Web 开发中广泛应用。下面将对 JS 跳转页面方法进行详细的介绍和分析,并提供相应的参考代码。 JS 跳转页面方法 1. 使用 `window....

    js页面跳转方法

    JS 页面跳转方法是 Web 开发中常用的技术之一,用于在不同的页面之间跳转。下面是 JS 页面跳转方法的详细知识点: 1. 使用 window.location.href 实现页面跳转 window.location.href 属性可以获取或设置当前页面的...

    静态页面html中跳转传值的JS处理技巧

    在静态页面HTML中实现页面跳转的同时传递参数,是一种常见的Web开发需求。本文将详细讲解如何利用JavaScript处理URL中的查询参数,以及如何在目标页面中接收这些参数。通过实例演示,我们会学习到如何使用JavaScript...

    js方式的页面跳转

    本文将详细介绍几种常见的JavaScript页面跳转方法及其应用场景。 #### 二、知识点详解 ##### 1. `window.location.href` 方式 `window.location.href` 属性用于获取或设置当前文档的URL。当我们将它的值设置为一个...

    各种js页面跳转代码

    在本文中,我们将总结多种JavaScript页面跳转代码,包括使用window.location.href、window.history.back、window.navigate、self.location等方法。 第一种:使用window.location.href window.location.href是...

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

    本文将详细介绍几种常用的JavaScript页面跳转方法,并分析各自的适用场景。 #### 1. 使用 `window.location.href` 这是最常见也是最直接的方式,它通过修改`window.location`对象的`href`属性来实现页面跳转。例如...

    页面跳转js获取传递的参数

    ### 页面跳转JS获取传递的参数 在Web开发过程中,页面间的跳转及参数传递是极为常见的需求之一。本文将详细介绍几种通过JavaScript实现页面跳转并获取传递参数的方法。 #### 方法一:使用`window.location.href` ...

    js页面跳转 多种javascript页面中转方法

    本文将详细介绍几种常见的JavaScript页面跳转方法及其应用场景。 ### 1. `window.location.href`属性 #### 实现方式: ```javascript &lt;script language="javascript" type="text/javascript"&gt; window.location....

    js页面跳转整理。。

    ### JS页面跳转详解 #### 一、概述 在Web开发中,页面跳转是非常常见的需求之一。通过JavaScript可以非常灵活地控制页面的导航逻辑,无论是打开新的窗口、跳转到指定页面还是处理复杂的导航历史,JavaScript都能...

    qt-quick QML页面跳转

    在单页面跳转中,我们通常在一个QML文件中管理所有的视图状态。例如,你可以使用`StackView`或`StackLayout`来管理页面堆栈,根据需求在不同的视图之间切换。以下是一个简单的例子: ```qml import QtQuick 2.0 ...

    页面跳转的动画效果

    在网页设计中,页面跳转的动画效果是一个重要的组成部分,它不仅能够提升用户体验,还能为网站增添独特的风格和视觉吸引力。下面将详细讲解页面跳转动画效果的相关知识点,并结合"动感的页面加载动画效果"这一主题,...

    js实现5秒后页面跳转

    在JavaScript中,页面跳转是一种常见的操作,常用于用户交互或者自动导航到其他页面。"js实现5秒后页面跳转"这个主题涉及到的核心知识点主要包括定时器(setTimeout)和window对象的location属性。下面我们将详细...

    页面自定跳转 超链接 跳转 jsp页面跳转

    页面自定义跳转指的是在网页设计中,开发者通过编程手段实现的非用户直接操作的页面跳转机制。这种跳转方式可以是基于时间延迟的自动跳转、条件判断后的跳转或者是响应特定事件(如按钮点击)的跳转。而超链接跳转则...

    javascript实现页面5秒后自动跳转到首页或其他页面

    当`seconds`变为0时,函数会触发页面跳转。最后,我们使用`setTimeout`在页面加载后1秒(因为我们需要先显示初始的倒计时)调用`countdown`函数。 以上就是使用JavaScript实现5秒后自动跳转到首页或其他页面的方法...

    JS 跳转页面延迟方法

    在JavaScript(JS)中,有时候我们可能需要在执行某些操作后延迟一段时间再跳转到新的页面,例如在用户确认操作、动画完成或者数据加载后。本文将详细讲解如何实现这样的延迟页面跳转方法。 首先,JavaScript中最...

    javascript页面跳转常用代码.pdf

    JavaScript是Web开发中不可或缺的一部分,尤其在处理页面跳转和刷新方面起着关键作用。本文将详细介绍JavaScript中用于页面跳转和刷新的各种方法,并提供实际的代码示例。 首先,让我们来看看JavaScript刷新页面的...

    js页面跳转代码汇总

    ### JS页面跳转代码汇总及解析 #### 一、通过`window.location.href`进行页面跳转 **示例代码:** ```javascript &lt;script language="javascript" type="text/javascript"&gt; window.location.href = "login.jsp?...

    sp\button和submit的区别及使用js实现页面跳转的方式

    sp\button和submit的区别及使用js实现页面跳转的方式 Button和Submit是两个常用的HTML表单元素,它们都是用于提交表单的,但是它们之间存在着一些区别。 首先,Button类型的按钮仅仅是一个普通的按钮,点击它不会...

Global site tag (gtag.js) - Google Analytics