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;
}
这样式就可以把最外层的跳转到 首页登录了
分享到:
相关推荐
在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...
首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....
就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧
- **`window.name`属性**:由于`window.name`的特性是跨页面保持不变的,因此可以利用这一点在页面跳转时传递数据。 - **`jQuery`插件**:`jqueryiframe`可能包含一些jQuery插件,如`iframeResizer`,这些插件...
本篇文章将深入探讨两个关键知识点:`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念,它限制了浏览器从一个源获取另一个源的资源,以保护用户的安全。当`iframe...
在网页开发中,有时我们需要实现一个功能,即在iframe中打开一个新的弹出窗口,并且这个弹出窗口能够遮罩住其父级页面,提供一种更好的用户体验。标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中...
"iframe实现页面跳转"这个话题涉及到如何利用iframe来实现在不刷新整个页面的情况下,动态加载不同的网页内容,从而提供更好的用户体验。 首先,iframe的使用方式是在HTML代码中插入`<iframe>`标签,指定其`src`...
例如,跨域策略限制了`iframe`加载不同源的页面,同时可能导致SEO问题。因此,在实际应用中,需要根据项目需求和浏览器兼容性选择合适的技术方案。 总结,通过结合`iframe`和Bootstrap,我们可以创建一个无刷新切换...
在探讨"Iframe的页面,判断是否登录的时候有时候有问题就需要"这一主题时,我们首先需要理解Iframe(Inline Frame)的基本概念及其在网页中的作用。Iframe是一种HTML标签,用于在一个HTML页面内嵌入另一个HTML页面...
标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作,特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先,我们需要了解IFrame(内联框架)的基本...
在实际开发中,确保iframe内容加载后可以正确显示和交互,开发者需要确保目标页面的域名和协议与主页面兼容,避免由于跨域策略导致的内容加载问题。另外,在设计包含iframe的页面时,应该考虑到用户的体验,以及不同...
然而,在某些情况下,我们可能需要在`iframe`内部执行操作后让整个页面(即父窗口)进行跳转。例如,在`iframe`内完成表单提交后,希望返回到父窗口的某个特定页面。 #### 二、四种实现方法详解 ##### 方法一:...
在Vue.js中实现嵌套页面通常涉及到使用`iframe`元素来加载外部网页或者内部组件。`iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常...
总结,`iframe`中的JavaScript交互涉及到页面间的通信,无论是父页面调用子页面还是子页面调用父页面,都需要理解`window`对象、同源策略以及跨域通信机制。正确使用这些技术,可以在多页面应用中实现更复杂的功能...
在网页开发中,有时我们需要在一个页面(子页面)中访问另一个页面(父页面)的数据或控制元素,这种情况下,`Iframe` 提供了一个解决方案。本文将深入探讨如何通过 `Iframe` 获取父页面的变量和控件。 首先,我们...
本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能,以便于创建更丰富的用户体验和更高效的页面加载策略。 首先,我们需要理解iframe的基本概念。Iframe(Inline Frame)是HTML中的一个元素,它允许我们在...
当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入内容的尺寸不匹配导致的。下面将详细探讨如何解决这一问题以及相关的知识点。 首先,我们需要了解`<iframe>`的基本结构和属性。...
3. **iframe跨域问题**:当iframe加载的页面与包含它的页面不在同一个域时,就会出现跨域问题,导致无法直接通过JavaScript进行通信,如获取iframe内的内容、设置iframe的属性等。 **二、iframe跨域的解决方案** 1...
### 自动刷新页面与自动跳转关闭的知识点详解 #### 一、自动刷新页面 **自动刷新页面**是指网页在设定的时间间隔后自动重新加载自身的过程。这一功能可以通过多种技术实现,包括HTML元标签(`<meta>`标签)、...
2. 设置初始Iframe:在页面中添加Iframe元素,并将其初始`src`设置为第一个TAB页的URL。 ```html <iframe id="contentFrame" src="page1.html" width="100%" height="500"></iframe> ``` 3. 添加JavaScript事件...