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

iframe 里页面超时 跳转登录页问题

阅读更多

ie 中为 frames["id"]其他为document.getElementById("id").contentWindow

contentWindow 属性是指指定的frame或者iframe所在的window对象

在IE中iframe或者frame的contentWindow属性 可以省略,但在Firefox中如果要对iframe对象进行编辑则

必须指定contentWindow属性。

function EnableEdit()
{
      var editor;
      editor = document.getElementById("HtmlEdit").contentWindow;
   // 针 对IE浏览器, make it editable
      editor.document.designMode = 'On';
      editor.document.contentEditable = true;
   // For compatible with FireFox, it should open and write something to make it work
editor.document.open();
editor.document.writeln('<html><head>');
editor.document.writeln('<style>body {background: white;font-size:9pt;margin: 2px; padding: 0px;}</style>');
editor.document.writeln('</head><body></body></html>');
editor.document.close();

}

<iframe   ID="HtmlEdit" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="312">
</iframe>

<html>
<body>
<script>
var ifr = document.createElement("iframe");
document.body.appendChild(ifr);
var ifrdoc = ifr.contentWindow.document;
var s = fixingHTB.innerHTML;   // 进入可编辑模式前存好
ifrdoc.designMode = "on";     //文档进入可编辑模式
ifrdoc.open();                        // 打开流
ifrdoc.write(s); 
ifrdoc.close();                        //关闭流
ifrdoc.designMode ="off";     // 文档进入非可编辑模式
</script>
</body>
</html>

http://bei123wang.blog.163.com/blog/static/23175492009101710500739/

以上是引用网易帅哥的一篇文章

其实在昨天也发现自己的一个问题:

iframe 里头的页面超时时转向登录页  那么框架外的页面 无法跟着返回到登录页 

当时就是没有太在意这个属性而想破头,原来 有一个办法可以用

iframe.contentWindow.location.href

 

if(iframe.contentWindow.location.href.toLowerCase().indexOf("login")!=-1){//如果超时auth/login.jsp
                 window.alert("登录超时!");
                 top.location.href = obj.contentWindow.location.href;
}

这样式就可以把最外层的跳转到 首页登录了

分享到:
评论

相关推荐

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

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

    Iframe页面请求跳转问题解决

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

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

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

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

    - **`window.name`属性**:由于`window.name`的特性是跨页面保持不变的,因此可以利用这一点在页面跳转时传递数据。 - **`jQuery`插件**:`jqueryiframe`可能包含一些jQuery插件,如`iframeResizer`,这些插件...

    iframe跨域常用问题和iframe页面自适应

    本篇文章将深入探讨两个关键知识点:`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念,它限制了浏览器从一个源获取另一个源的资源,以保护用户的安全。当`iframe...

    iframe弹出框遮罩父类页面

    在网页开发中,有时我们需要实现一个功能,即在iframe中打开一个新的弹出窗口,并且这个弹出窗口能够遮罩住其父级页面,提供一种更好的用户体验。标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中...

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

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

    使用iframe实现点击导航无刷新切换页面

    例如,跨域策略限制了`iframe`加载不同源的页面,同时可能导致SEO问题。因此,在实际应用中,需要根据项目需求和浏览器兼容性选择合适的技术方案。 总结,通过结合`iframe`和Bootstrap,我们可以创建一个无刷新切换...

    Iframe的页面,判断是否登录的时候有时候有问题就需要

    在探讨"Iframe的页面,判断是否登录的时候有时候有问题就需要"这一主题时,我们首先需要理解Iframe(Inline Frame)的基本概念及其在网页中的作用。Iframe是一种HTML标签,用于在一个HTML页面内嵌入另一个HTML页面...

    demo_DEMO_子页面刷新父页面iframe_

    标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作,特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先,我们需要了解IFrame(内联框架)的基本...

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

    在实际开发中,确保iframe内容加载后可以正确显示和交互,开发者需要确保目标页面的域名和协议与主页面兼容,避免由于跨域策略导致的内容加载问题。另外,在设计包含iframe的页面时,应该考虑到用户的体验,以及不同...

    子窗口iframe跳转到父窗口

    然而,在某些情况下,我们可能需要在`iframe`内部执行操作后让整个页面(即父窗口)进行跳转。例如,在`iframe`内完成表单提交后,希望返回到父窗口的某个特定页面。 #### 二、四种实现方法详解 ##### 方法一:...

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

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

    在iframe中调用js父页面和子页面方法

    总结,`iframe`中的JavaScript交互涉及到页面间的通信,无论是父页面调用子页面还是子页面调用父页面,都需要理解`window`对象、同源策略以及跨域通信机制。正确使用这些技术,可以在多页面应用中实现更复杂的功能...

    Iframe获取父页面的变量和控件

    在网页开发中,有时我们需要在一个页面(子页面)中访问另一个页面(父页面)的数据或控制元素,这种情况下,`Iframe` 提供了一个解决方案。本文将深入探讨如何通过 `Iframe` 获取父页面的变量和控件。 首先,我们...

    JQUERY实现iframe页面切换功能

    本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能,以便于创建更丰富的用户体验和更高效的页面加载策略。 首先,我们需要理解iframe的基本概念。Iframe(Inline Frame)是HTML中的一个元素,它允许我们在...

    iframe中页面显示不全1

    当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入内容的尺寸不匹配导致的。下面将详细探讨如何解决这一问题以及相关的知识点。 首先,我们需要了解`&lt;iframe&gt;`的基本结构和属性。...

    完美解决iframe跨域问题

    3. **iframe跨域问题**:当iframe加载的页面与包含它的页面不在同一个域时,就会出现跨域问题,导致无法直接通过JavaScript进行通信,如获取iframe内的内容、设置iframe的属性等。 **二、iframe跨域的解决方案** 1...

    自动刷新页面+自动跳转和关闭

    ### 自动刷新页面与自动跳转关闭的知识点详解 #### 一、自动刷新页面 **自动刷新页面**是指网页在设定的时间间隔后自动重新加载自身的过程。这一功能可以通过多种技术实现,包括HTML元标签(`&lt;meta&gt;`标签)、...

    使用Iframe实现TAB页面切换

    2. 设置初始Iframe:在页面中添加Iframe元素,并将其初始`src`设置为第一个TAB页的URL。 ```html &lt;iframe id="contentFrame" src="page1.html" width="100%" height="500"&gt;&lt;/iframe&gt; ``` 3. 添加JavaScript事件...

Global site tag (gtag.js) - Google Analytics