`
yeahfeng
  • 浏览: 17349 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

iframe的跳转方法

    博客分类:
  • HTML
阅读更多

"window.location.href"、"location.href"是本页面跳转
"parent.location.href"是上一层页面跳转
"top.location.href"是最外层的页面跳转
举例说明:
如果A,B,C,D都是jsp,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页面跳转
关于页面刷新,D 页面中这样写:
"parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )
"top.location.reload();": A页面刷新

分享到:
评论

相关推荐

    HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧

    子窗口iframe跳转到父窗口

    ### 子窗口iframe跳转到父窗口的知识点详解 #### 一、背景介绍 在现代Web开发中,`iframe`(Inline Frame)是一种常见的技术,用于在当前网页中嵌入另一个网页或文档。通过`iframe`,开发者可以实现丰富的功能,如...

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

    这是最常见的页面跳转方法,通过改变`window.location.href`属性来重定向浏览器到新的URL。 ```javascript window.location.href = "http://www.example.com"; ``` #### 2. `window.navigate`方式 此方法在早期的...

    Iframe页面请求跳转问题解决

    首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....

    防止被IFRAME嵌套并自动跳到首页代码.rar

    描述中提到的测试方法,是验证这段JS代码是否有效防止了IFRAME嵌套的过程。当A站全局引入这段JS代码后,任何试图在B站的IFRAME中加载A站的行为都会导致浏览器自动跳转到A站的首页,从而避免了A站内容被不正当利用。 ...

    iframe页跳转父窗体

    ### iframe页跳转父窗体知识点详解 #### 一、iframe基本概念 在开始之前,我们首先了解一下`iframe`的基本概念。`iframe`是HTML的一个元素,全称为“Inline Frame”,即内联框架。它允许网页中嵌入另一个网页或者...

    ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)

    标题所提及的“ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)”主要针对的是iOS系统中`iframe`高度计算和弹框定位的问题。在iOS中,当`iframe`内的子页面高度超过父页面时,若子页面触发弹框,弹框可能会出现在...

    Android WebView拦截iframe标签内部跳转教程

    在 WebViewClient 中,我们需要重写 shouldOverrideUrlLoading() 方法,在这个方法中,我们可以拦截 iframe 标签内部的跳转。在 WebChromeClient 中,我们需要重写 onCreateWindow() 方法,在这个方法中,我们可以...

    使用iframe在网页中嵌入其他网页的方法

    下面我们将详细讲解如何使用`iframe`在网页中嵌入其他网页的方法以及相关属性。 首先,`&lt;iframe&gt;` 标签的基本结构如下: ```html &lt;iframe src="目标URL" width="宽度" height="高度" frameborder="边框" margin...

    js处理iframe的系列问题

    通过对上述知识点的学习,我们可以更加灵活地利用JavaScript来处理`iframe`中的各种问题,包括但不限于访问、修改`iframe`内部元素、提交表单、调用方法以及触发事件等。这些技巧对于开发复杂的Web应用来说是非常...

    asp.net iframe框架跳转以及定时轮询

    asp.net iframe框架跳转以及定时轮询,子页面将新窗口打开到父窗体指定的iframe框架中,以及http_request轮询方法!时间匆忙只简单的写了简单应用。有时间在完善,希望能帮助到需要的朋友!

    iframe 实现页面跳转 动态改变主题

    "iframe实现页面跳转"这个话题涉及到如何利用iframe来实现在不刷新整个页面的情况下,动态加载不同的网页内容,从而提供更好的用户体验。 首先,iframe的使用方式是在HTML代码中插入`&lt;iframe&gt;`标签,指定其`src`...

    在iframe 中页面中设置遮罩遮罩层

    &lt;iframe src="你的页面地址" width="你的宽度" height="你的高度"&gt;&lt;/iframe&gt; ``` 在这个例子中,我们可能在`main.html`中嵌入其他三个页面,例如: ```html &lt;!DOCTYPE html&gt; 主页面 /* 遮罩层样式 */ ....

    IFrame中Session丢失的解决办法

    Session是Web应用中用于存储用户特定信息的一种机制,它允许开发者在用户的会话期间保持状态,即使用户在不同的页面之间跳转,这些信息也能被保留下来。然而,在IFrame(Inline Frame)环境中,Session的管理变得...

    完美解决iframe跨域问题

    但这种方法需要服务器端的配合,对于纯客户端的iframe跨域解决方案不适用。 **三、window.name跨域通信详解** 1. **原理**:`window.name`不受同源策略限制,可以在任何页面中读写,即使页面被刷新或导航至其他URL...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

    基于js的iframe 可关闭tab标签组件使用方法

    以上就是基于JavaScript的iframe可关闭tab标签组件的实现方法。这个组件可以根据实际需求进行扩展和定制,比如添加动画效果、缓存iframe内容以提高性能等。希望这个教程对你在网页开发中实现类似功能有所帮助。如果...

    iframe 跨域访问session

    然而,当涉及到跨域时,`iframe` 遇到的问题之一就是无法正常访问父页面或被嵌入页面的`session`。这是因为浏览器的同源策略(Same-Origin Policy)限制了不同源之间的交互,包括`session`和`cookie`。 同源策略是...

Global site tag (gtag.js) - Google Analytics