`
魏祖清
  • 浏览: 180268 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

当嵌套iframe时,提供了一个统一的访问超时退出的UI界面

    博客分类:
  • js
阅读更多
Js代码:(来自Javaeye中的一段代码)

function getRootWin(){ 
     var win = window; 
     while (win != win.parent){ 
         win = win.parent; 
     } 
     return win; 
}
通过该方法,可以在一个任意深度的iframe中调用父iframe中的方法。具体到这里就是无论哪一个iframe中的用户访问请求超时,都可以通过该方法调用最外层iframe中的退出方法,这样便为用户提供了一个统一的访问超时退出的UI呈现。

Js代码:(来自支付宝中的一段代码)


var top, eWindow = window;
try {
      while(eWindow.location.host == eWindow.parent.location.host && eWindow.location.href != eWindow.parent.location.href){
       eWindow = eWindow.parent;
         }
top = eWindow;
    } catch(e) {
top = eWindow;
    }
分享到:
评论

相关推荐

    多层嵌套iframe 自适应高度的解决方法

    多层嵌套iframe 自适应高度的解决方法

    vue3嵌套iframe及相互通迅

    vue3嵌套iframe及相互通迅,包含vue嵌套iframe的通用组件,vue 与 iframe 相互通讯的公共方法;同时包含apache部署vue的配置文件,以及vue访问apache代理的静态html页面。 实现通过vue路由 加载第三方服务页面,实时...

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

    你好,我是TKCB-GO,一个有着游戏策划梦想,却沦为程序员的游戏家,这是我的技术博客:www.tkcb.cc 技术博客网站里面,除了我的技术分享,还有我们乐队推荐的游戏、软件、电影、作品、超赞链接推荐等等。 最后,我会...

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

    在IT行业中,iframe(内联框架)是一种常用于网页开发的技术,它允许在一个HTML文档中嵌入另一个HTML文档。在CMS(内容管理系统)和CRM(客户关系管理)等后台框架中,iframe的应用尤为广泛,因为它提供了多页面内容...

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

    `iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常有用。在Vue中使用`iframe`,我们可以直接在模板中插入`iframe`标签,并设置相应的...

    查找所有嵌套iframe并获取其源文件

    WebBrowser开放过程遇到iframe嵌套的问题,如果不通过代码递归查找你很难搞明白一个框架页被嵌套在几级框架里,特别是一些广告投放的代码,站长为了省事会把广告代码放在框架理,而广告代码本身又包含复杂的框架嵌套. ...

    初学者常用的几个UI界面

    嵌套布局是指在一个布局内包含另一个布局,这可以实现更复杂的界面设计。例如,你可以在一个线性布局中嵌套一个相对布局,以利用两者的优势:线性布局可以保证整体的顺序排列,而相对布局则能处理某些特定控件的相对...

    jQuery冻结表头-嵌套iframe页面

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

    div嵌套html不用iframe

    最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....

    iframe跨域嵌套自适应高度

    1. **问题描述**:当使用`iframe`跨域嵌套时,尤其是针对`ASP.NET`开发的网站,可能会出现`session`丢失的情况。这是因为`session`依赖于cookie,而跨域请求默认不会携带cookie信息。 2. **解决方案**: - **CORS...

    仿京东商城的UI界面

    本项目以“仿京东商城的UI界面”为标题,旨在通过模仿知名的京东商城移动应用,提供一个学习和实践Android UI设计的实例。这个项目特别适合初学者,通过它,开发者可以了解到如何构建类似京东商城的启动页面(Splash...

    angularjs ui.router嵌套路由demo

    AngularJS UI.Router是一个强大的路由模块,它为AngularJS应用程序提供了更复杂的导航结构和状态管理功能。这个"angularjs ui.router嵌套路由demo"是展示如何在AngularJS项目中使用UI.Router进行多级路由配置和页面...

    AngularJS使用ui-route实现多层嵌套路由的示例

    在使用ui-router来实现多层嵌套路由时,开发者需要按照ui-router的状态配置规则来定义不同的路由状态,每一个状态都与一个视图模板相关联,并且可以指定该状态下的子状态。ui-router的嵌套路由允许开发者将大的应用...

    iframe 跨域访问session

    当用户访问网站并登录后,服务器会设置一个`session`,并将对应的`session ID`保存在客户端的`cookie`中。每次请求时,客户端会自动将`cookie`发送给服务器,以便服务器识别用户。 跨域访问`session`的解决方案有...

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

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

    ui-router嵌套视图

    嵌套视图是UI-Router的一个重要特性,它允许在一个父视图中包含一个或多个子视图。这些子视图通常通过`<ui-view>`指令在HTML模板中定义,并通过状态配置进行填充。在嵌套视图中,每个子视图都有一个唯一的名称,用于...

    AngularJS ui-router(嵌套路由)

    AngularJS 嵌套路由:这是我针对同一个主题(ui-router)的第二篇文章. 如果你对第一篇文章感兴趣的话,可以访问 这里. 好了,让我们继续吧,来看看嵌套的ui-router状态是怎么回事. ui-router和同属AngularJS框架一...

    jquery仿WebQQ菜单ui界面

    总结,通过jQuery和HTML/CSS的结合,我们可以实现一个与WebQQ类似的菜单UI界面。关键在于理解jQuery的API,熟练运用其提供的功能,以及对用户体验的细致考虑。在实际开发过程中,不断调试和优化,才能创造出既美观又...

    拖拽一个iframe中的div 在另一个iframe页面中显示

    3. **跨iframe通信**:当div被拖出第一个iframe时,触发`ondragover`和`ondrop`事件。在第二个iframe中,监听`drop`事件,通过`event.dataTransfer.getData()`获取之前存储的数据。 4. **在目标iframe中创建或更新...

    android 登陆及list等UI界面

    `Fragment`可以在一个活动中嵌套,提供更好的界面交互体验。添加和切换`Fragment`可以通过`FragmentManager`和`FragmentTransaction`来完成。 最后,对于"好看的UI界面"这一标签,我们需要注意色彩搭配、字体选择、...

Global site tag (gtag.js) - Google Analytics