`
- 浏览:
361825 次
- 性别:
-
var detialIframe=document.all("detialIframe"); 此处的IFrame是从document取得的,即作作为document的子对象出现,虽然是文档(document)对象,但由于它是独立的页面,因 而拥有自己的事件,拥有自己的窗口对象(contentWindow); Window.detialIframe 或 Window.frames(detialIframe)将直接取得IFrame的Window对象 IFRAME IFRAME 元素也就是文档中的文档 window 对象 浏览器会在其打开一个 HTML 文档时创建一个对应的 window 对象。但是，如果一个文档定义了一个或多个框架(即，包含一个或多个 frame 或 iframe 标签)，浏览器就会为原始文档创建一个 window 对象，再为每个框架创建额外的 window 对象。这些额外的对象是原始窗口的 子窗口，可能被原始窗口中发生的事件所影响。例如，关闭原始窗口将导致关闭全部子窗口。如果想要创建新窗口(以及对应的 window 对象)，可以使用像 open, showModalDialog 和 showModelessDialog 这样的方法。 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> document.designMode的功能与使用方法介绍 将文档设置为设计模式 要将整个文档设置为设计模式，可以对文档对象本身设置 designMode 属性。当文档处于设计模式时，将不运行脚本。这样，似乎在文档内设置一个按钮来打开或关闭设计模式是个好注意，但这样做没有作用。当用户打开它后，它将保 持在设计模式状态。当他们下次单击此按钮时，它将被选定而不是被单击，他们再次单击它，将能够编辑它的值。这就是为什么如果要使用设计模式最好对框架或 IFrame 中的文档设置 designMode 属性的原因。下例展示如何为 IFrame 中的文档打开设计模式： <script for="btnDesign" event="onclick"> targetDoc = document.frames(0).document; if (targetDoc.designMode == "On") targetDoc.designMode = "Off"; else targetDoc.designMode = "On"; </script> <button id=btnDesign>DesignMode</button> <iframe src="blank.htm" style="border: black thin; width:100%; height:200px"></iframe> designMode 属性的值始终以首字母大写格式存储，即时它最初是以全部小写设置的。请在测试它的值时一定记住这点。designMode 属性的默认值是“Inherit”。
分享到：
相关推荐
jQuery获取iframe的window对象 var win = $(‘#ifr’)[0].contentWindow; JS原生方法获取iframe的window对象 document.getElementById(“ifr”).contentWindow; 可见 $(‘#ifr’)[0].contentWindow 和 document....
document是window的一个对象...如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 所有的全局函数和对象都属于Window 对象的属性和方法
获取iframe的document对象的目的就是进行dom的操作 $(function() { var result = $('#myframe').prop('contentWindow').document; console.log(result); }); 这样输出来的结果是：document对象
在页面中如何控制内嵌的iframe滚动呢？... 3、调用iframe window对象的scroll方法 iwin.scroll(0,doc.body.scrollHeight); scroll两个参数为x,y轴的滚动量 doc.body.scrollHeight为iframe页面的高度（包含
如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 注释：没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。 ...
谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip，欢迎下载！！！
Div iFrame 做的面向对象小窗口
页面中的使用到Iframe时，我们如何需要对IFrame中页面是否改变进行判断，我们可以使用到window.onbeforeunload事件.
js window.open iframe dialog 例子
但是，如果一个文档定义了一个或者多个框架(即：包含一个或者多个frame或者iframe标签)，浏览器就会为原始文档创建一个window对象，再为每个iframe创建额外的window对象，这些额外的window对象是原始窗口的子窗口。...
js 操作 frameset frame iframe对象
1.top该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top...例如：A页面中有一个iframe或frame，那么iframe或frame中的页面就可以通过parent对象来引用A页面中的对象
首先在父页面的javascript给定义一个window.name，并赋予一个字符串值，如window.name="test"，其中赋予的字符串值可以随意定义，然后在Iframe页面的Form 标签中定义target属性，并且其值也必须与之前定义的window....
利用window对象提供的以上方法，我们做一下简单的封装，能很好地解决以上两点问题 插件已构建上传npm，地址：https://www.npmjs.com/package/@saryz/portal-bridge 可以下载源码维护自己的微前端架构桥梁，源码为该...
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能，其中包括： 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
iframe+postMessage实现跨域通信 window.postMessage()方法安全地启用Window对象之间的跨源通信；例如，在页面和它产生的弹出窗口之间，或者在页面和嵌入其中的iframe之间。
在开始之前，首先我们来看看如何获取iframe里的内容，获取iframe中内容主要的两个API就是contentWindow,和contentDocument iframe.contentWindow, 获取iframe的window对象 iframe.contentDocument, 获取iframe的...