`

跳出当前iframe的js处理

阅读更多

当前我有一个主页面,嵌套了两个iframe,用户登陆后,如果session过期,点击任何按钮弹出的页面都会嵌套到右边的iframe里面。

如图:

登陆后:

 

后来在提示过期的页面加了如下代码,点击返回登陆就可以直接跳到外面了。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Untitled Document</title>
  <link rel="stylesheet" href="include/css/top.css" type="text/css"/>
  <script type="text/javascript">
    if (top.location !== self.location) {
      top.location = self.location;
    }
  </script>
</head>
<body>
<s:form action="" method="post" theme="simple">
  <table width="303" border="0" cellspacing="3" cellpadding="0">
    <tr>
      <td width="119" class="cont_font">
        <s:text name="session_error"/>
      </td>
    </tr>
    <tr>
      <td colspan="2" class="cont_font"><br/>
        <s:url id="url" action="preView" includeParams="none"/>
        <s:a href="%{url}" targets="_parent">
          <s:text name="back_login"/>
        </s:a>
        <br/>
      </td>
    </tr>
  </table>
</s:form>
</body>
</html>

 

target
  • _blank
  • _parent
  • _self
  • _top

在何处打开目标 URL。

  • _blank - 在一个新的未命名的窗口载入文档
  • _self - 在相同的框架或窗口中载入目标文档
  • _parent - 把文档载入父窗口或包含了超链接引用的框架的框架集
  • _top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架

 

 

 

 

分享到:
评论

相关推荐

    跳出iframe

    - **`parent.frames.length`**:`parent`对象代表了包含当前Iframe的页面。`frames`属性则返回一个数组,包含了所有的Iframe。因此,`parent.frames.length`表示父窗口中Iframe的数量。 - **`&gt; 0`**:如果这个数量...

    在iframe框架中打开页面的方法

    使用iframe框架可以在不离开当前页面的情况下打开新的页面,这对于需要在同一页面内操作多个内容块的场景非常有用。 在iframe框架中打开页面,通常涉及到HTML和JavaScript技术。这里涉及到的知识点主要包括: 1. ...

    iframe弹出窗

    在网页开发中,"iframe弹出窗"是一种常见的技术手段,用于在不离开当前页面的情况下显示额外的内容或者功能。这种技术结合了`iframe`元素和自定义的对话框(dialog)设计,通常由`div`元素构建,并通过JavaScript...

    html判断当前页面是否在iframe中的实例

    这样做的目的是让`iframe`的父页面跳转到当前页面,从而跳出`iframe`环境。当然,这只是一个示例操作,实际应用中可能会执行其他逻辑,比如添加特定样式、修改元素内容等。 **三、应用场景** 1. **隐私策略**:有些...

    js防止页面被iframe调用的方法

    如果不相同,说明当前页面已经被嵌入到iframe中,因此将顶层窗口的URL设置为当前窗口的URL,从而实现跳出iframe的效果。 方法二:当检测到页面被iframe调用时,跳转到另一个指定地址。 ```javascript if(top....

    Jsp中解决session过期跳转到登陆页面并跳出iframe框架的方法

    综上所述,通过使用过滤器来处理session过期后的重定向,并结合JavaScript来控制iframe框架的跳出和页面的刷新,可以有效地解决JSP应用中的会话管理和页面布局问题。这不仅可以提升系统的安全性,同时也能改善用户...

    js实现防止被iframe的方法

    这段代码的作用同样是将顶层窗口的位置设置为当前窗口的位置,促使页面从iframe中跳出。 这两种方法都是相当简单且实用的,它们不依赖于任何外部库,并且能够有效防止页面被恶意嵌入iframe的情况。不过需要指出的是...

    js 跳出页面的frameset框架示例介绍

    在现代Web开发中,框架...了解了以上知识点后,开发者可以在遇到需要处理框架页面时,灵活运用各种方法来实现跳出框架的功能。当然,随着Web技术的不断发展,推荐使用更加现代和安全的技术来构建和维护Web应用。

    如何跳出frame框架

    在Web开发中,有时我们需要让嵌套在`&lt;frameset&gt;`或`&lt;iframe&gt;`中的页面能够直接打开在一个新的窗口或直接覆盖当前顶级窗口,而不是局限于框架内部显示。这种情况通常出现在登录页或其他需要特殊处理的场景。下面将...

    js实现网页防止被iframe框架嵌套及几种location.href的区别

    此时,会弹出警告信息,并尝试将顶级窗口的URL设置为当前页面的URL,以跳出`iframe`。 关于表单的提交,不同的`target`属性会影响页面的跳转行为: - `&lt;form&gt;`:默认情况下,表单提交后,当前页面会被刷新或跳转到...

    JS的location.href跳出框架打开新页面的方法

    当我们在网页中处理框架(iframe)时,有时需要控制页面的导航行为,特别是当需要从框架内部跳转到一个新的页面,且希望这个跳转能够跳出框架,直接在父窗口中打开页面。这个问题在【标题】和【描述】中被提到,是一...

    用jquery进行修复在iframe下的页面锚点失效问题

    // 找到当前iframe后跳出循环 } } } }); ``` 以上代码实现了在`iframe`中点击锚点时,父窗体自动滚动到相应位置的功能。注意,由于同源策略的限制,这段代码可能在跨域的`iframe`中无法正常工作。如果`iframe`...

    防止页面被iframe(兼容IE,Firefox火狐)

    如果不相同,意味着页面在iframe中,代码就会尝试将顶层窗口的URL设置为当前页面的URL,以跳出iframe。然而,在Firefox中,如果`window.top`未定义或为空,这会导致一个死循环,因为`top.location`始终不等于`self....

    JavaScript经典代码大全

    这些JavaScript代码示例展示了在实际开发中处理各种交互需求的方法,涵盖了一部分页面行为控制、用户输入限制、页面元数据修改以及浏览器特性利用等多个方面。了解并掌握这些技巧,能帮助开发者更好地优化用户体验,...

    jquery刷新页面和JS常用的函数

    如果当前页面位于一个 `iframe` 内,则使用 `parent.location.reload()` 可以刷新父页面。 **刷新顶层页面:** ```javascript top.location.reload(); ``` 当页面嵌套在多个 `iframe` 中时,`top.location.reload...

    javascript的常用代码

    如果顶级窗口(top)的URL与当前窗口的URL不一致,它会将顶级窗口的URL设置为当前窗口的URL,从而跳出框架。 9. `&lt;noscript&gt;&lt;iframe src=*.html&gt;&lt;/iframe&gt;&lt;/noscript&gt;`:`noscript`标签内的内容在用户禁用...

    详解如何在登录过期后跳出Ifram框架

    ### 详解如何在登录过期后跳出Iframe框架 #### 文章背景 在现代Web开发中,使用Iframe(Inline Frame)技术加载不同页面是非常常见的做法。Iframe允许在一个网页中嵌入另一个网页,这对于创建复杂的多页面布局非常...

    40种网页常用小技巧(JavaScript)

    根据给定的信息,我们可以将这些技巧分为几个大类:页面控制、用户交互、表单处理以及其他实用技巧。接下来,我们将详细地对每一种技巧进行解释。 ### 一、页面控制 #### 1. 禁止右键菜单 ```javascript ...

    Html中 IFrame的用法及注意点

    ### 0x01 iframe的跳出框架 有时我们可能需要在`&lt;iframe&gt;`内部的页面执行操作,影响到父页面的行为。例如,在登录页面,用户成功登录后可能需要跳转到父页面。通过JavaScript,我们可以检查`window.parent`对象是否...

    开发中总结的 Javascript中最常用的130个经典技巧

    - **跳出顶级窗口**:如果当前窗口是顶级窗口,则跳转到另一个带有框架的页面。 ```javascript if (window == top) top.location.href = "frames.htm"; ``` - **禁止嵌套框架**:如果页面被嵌套在其他框架内,则...

Global site tag (gtag.js) - Google Analytics