`
PrisonBreak
  • 浏览: 96095 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js解决iframe页面嵌套问题

阅读更多

在页面使用iframe元素时,有时会出现同一页面嵌套的情况。

比如登录信息失效后,点击导航访问Controller返回JSP嵌套到iframe中去,但是Controller有可能会返回登录页面,这样你的主内容区域就会显示登录页面,这显然是不想要的结果,正常情况应该页面跳转到登录页面,

解决方法如下:

	<script type="text/javascript">
		if(window.parent!=window){
		 	window.parent.location.href=window.location.href;
		}
	</script>

 

1
3
分享到:
评论
2 楼 PrisonBreak 2013-08-15  
freezingsky 写道
哥们,JS和JSP永远没有关系。也就不存在谁解决谁的问题。。。

这个确实时我的错,刚好项目中遇到,先入为主了。应该时iframe的问题。
1 楼 freezingsky 2013-08-14  
哥们,JS和JSP永远没有关系。也就不存在谁解决谁的问题。。。

相关推荐

    iframe跨域嵌套自适应高度

    本文将详细介绍如何实现`iframe`跨域嵌套下的自适应高度调整,并讨论如何解决因跨域嵌套而可能引起的`session`丢失问题。 #### 一、`iframe`自适应高度原理与实现 1. **基本概念**: - **`iframe`**:`iframe`即...

    在vue中实现嵌套页面(iframe)

    在Vue.js中实现嵌套页面通常涉及到使用`iframe`元素来加载外部网页或者内部组件。`iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常...

    解决JS跨域访问IFrame的解决方案

    通过在父页面和IFrame页面之间使用`window.postMessage()`方法发送消息,另一方可以通过监听`message`事件来接收消息。这种方式可以实现双向通信,且支持所有现代浏览器。 4. **Window.name属性**:由于`window....

    Iframe页面请求跳转问题解决

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

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

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

    嵌套iFrame使用postMessage相互传递消息(嵌套iFrame、跨父子窗口、跨页面).zip

    练习说明:使用postMessage可以在iFrame、父子窗口、跨页面等,之间相互传递消息。 你好,我是TKCB-GO,一个有着游戏策划梦想,却沦为程序员的游戏家,这是我的技术博客:www.tkcb.cc 技术博客网站里面,除了我的...

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

    在网页开发中,JavaScript(js)经常被用来增强用户体验,特别是在构建动态交互式的用户界面时。本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中...

    iframe 跨域解决方法

    总的来说,`iframe`跨域问题的解决方案依赖于你的具体需求和目标页面的可控程度。理解并正确使用上述方法,可以有效地解决跨域限制,实现`iframe`间的通信。在实际项目中,务必确保遵循最佳实践,同时注意安全性和...

    iframe嵌套web纯前端页面,运用Bootstrap(v5.1)技术

    iframe实现左侧菜单右侧页面简单示例。点击左侧菜单,右侧显示不同html内容,并加有css样式,美观实用。很简单的界面,没有多余功能。博文网址:https://blog.csdn.net/LawrenceUyi31?type=blog

    iframe弹出框遮罩父类页面

    总的来说,"iframe弹出框遮罩父类页面"是一个常见的前端交互需求,通过合理使用`iframe`、JavaScript和CSS,以及像EasyUI这样的库,可以实现高效、简洁的解决方案。理解并掌握这些知识点对于提升网页交互体验至关...

    javascript 获取iframe里页面中元素值的方法

    IE方法:document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法:document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; ...

    IFrame中Session丢失的解决办法

    同源策略限制了来自不同源的脚本之间的直接交互,这意味着如果IFrame加载的是一个与主页面不同的域名下的资源,那么主页面的JavaScript将无法访问IFrame内部的DOM,包括其Cookies和Session数据。此外,IE浏览器对于...

    jQuery冻结表头-嵌套iframe页面

    总的来说,"jQuery冻结表头-嵌套iframe页面"是一个涉及到JavaScript编程、CSS布局、事件处理和跨域通信的综合问题。理解和掌握这些知识点对于提升网页开发技能,特别是处理复杂UI交互的能力,是非常有价值的。

    实现iframe嵌套,适合CMS,CRM等后台框架

    在提供的`Lanai-ui-master`文件中,很可能包含了实现这种iframe嵌套的UI框架或组件库,里面可能包含CSS样式文件、JavaScript文件和示例HTML结构。通过研究这些文件,你可以了解如何将iframe整合进自己的后台管理系统...

    iframe中页面显示不全1

    为解决此问题,可以尝试使用JavaScript或jQuery动态获取嵌入页面的实际高度,并据此调整`&lt;iframe&gt;`的高度。 此外,跨域问题也可能导致iframe内容无法正常显示。由于同源策略的限制,`&lt;iframe&gt;`只能加载与包含它的...

    iframe自动适应高度(完美自适应高度嵌套代码),兼容目前主流浏览器。

    标题提到的“iframe自动适应高度(完美自适应高度嵌套代码)”提供了一个解决方案,它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度,包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...

    解决双iframe互相刷新进入死循环的问题

    在网页开发中,有时我们可能需要使用到iframe来嵌入其他页面或实现一些特定功能,例如页面间的通信、模块化加载等。...在实际解决问题时,熟悉这些工具和源码分析技巧将非常有助于找到问题的根源。

    js如何判断是否在iframe中及防止网页被别站用iframe嵌套

    1. js如何判断是否在iframe中 Js代码 //方式一 if (self.frameElement && self.frameElement.tagName == IFRAME) { alert&#40;'在iframe中'&#41;; } //方式二 if (window.frames.length != parent.frames.length) ...

    vue3嵌套iframe及相互通迅

    实现通过vue路由 加载第三方服务页面,实时同步vue路由及iframe页面地址,可用于JSF等项目重构,也可用于直接访问静态页面。具体实现文档地址为:...

    iframe根据页面内容自适应高度和宽度

    为了解决这个问题,我们需要让`iframe`根据其内容自动调整高度和宽度。本篇文章将详细探讨如何实现`iframe`根据页面内容自适应高度和宽度。 首先,我们需要理解`iframe`的基本结构。一个简单的`iframe`标签如下: ...

Global site tag (gtag.js) - Google Analytics