iframe | 易学教程

iframe中子父窗口互调的js方法

阅读更多关于 iframe中子父窗口互调的js方法

转载自：http://www.cnblogs.com/chinafine/archive/2011/09/15/2177746.html 一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码：复制代码代码如下: <html> <head> <script type="text/javascript"> function say() { alert("parent.html------>I'm at parent.html"); } function callChild() { //document.frames("myFrame").f1(); myFrame.window.say(); } </script> </head> <body> <input type=button value="调用child.html中的函数say()" onclick="callChild()"> <iframe name="myFrame" src=

iframe中访问父页面的元素

阅读更多关于 iframe中访问父页面的元素

iframe调用父页面函数：window.parent.wode(); iframe访问父页面控件：window.parent.document.getElementById('xxxx') iframe访问父页面的全局变量：window.parent.xxxxx 父页面访问iframe中的变量：document.frames["iframe的name"].变量名或者 $("#xx", window.parent.document); 父页面访问iframe中的函数： $(window.parent.document).contents().find("#iframename")[0].contentWindow.iframefunction(); 第一、在iframe中查找父页面元素的方法： $('#id', window.parent.document) 第二、在父页面中获取iframe中的元素方法： $(this).contents().find("#suggestBox") 第三、在iframe中调用父页面中定义的方法和变量： parent.method parent.value 第四、父页面调用iframe内的JS的方法，无须给iframe加id，只需用Jq选中iframe就行了 $("#id").find("iframe")[0].contentWindow.func

iframe中子父窗口互调的js方法

阅读更多关于 iframe中子父窗口互调的js方法

iframe 父窗口和子窗口相互的调用方法集锦，需要的朋友可以参考下。一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码：复制代码代码如下: <html> <head> <script type="text/javascript"> function say() { alert("parent.html------>I'm at parent.html"); } function callChild() { //document.frames("myFrame").f1(); myFrame.window.say(); } </script> </head> <body> <input type=button value="调用child.html中的函数say()" onclick="callChild()"> <iframe name="myFrame" src="child.html"></iframe> </body> <

iframe中子父窗口互调的js方法

阅读更多关于 iframe中子父窗口互调的js方法

一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码：复制代码代码如下: <html> <head> <script type="text/javascript"> function say() { alert("parent.html------>I'm at parent.html"); } function callChild() { //document.frames("myFrame").f1(); myFrame.window.say(); } </script> </head> <body> <input type=button value="调用child.html中的函数say()" onclick="callChild()"> <iframe name="myFrame" src="child.html"></iframe> </body> </html> 5、子窗口页面：复制代码代码如下: <html> <head>

关于 contentWindow, contentDocument

阅读更多关于关于 contentWindow, contentDocument

没有永恒的技术只有变态的需求，没有好说的客户只有无奈的开发者，如果iframe的出现是一个错误的话，iframe里边在来一个iframe那是错上加错，神话没有在远古的尘嚣中消失，却在怀具的今天不断上演。生活永远是一个大染缸，一块白布下去，黑布出来，一块黑布下去，一块七色布出来。 contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 contentDocument Firefox 支持，> ie8 的ie支持。可取得子窗口的 document 对象。在子级iframe设置父级 iframe ，或孙级 iframe 高度。 function showIframeH(){ var parentWin = parent.document.getElementById( " test " ); if ( ! parentWin) return false ; var sub = parentWin.contentWindow.document.getElementById( " test2 " ); if ( ! sub) return false ; var thirdHeight = sub.contentWindow.document.body.offsetHeight; // 第三层 body 对象 sub.height =

Js/Jquery获取iframe中的元素在Iframe中获取父窗体的元素方法

阅读更多关于 Js/Jquery获取iframe中的元素在Iframe中获取父窗体的元素方法

在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementById("btnOk").click(); 2、格式： var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click(); 实例： var obj=document.getElementById("ifm").contentWindow; var ifmObj=obj.document.getElementById("btnOk"); ifmObj.click(); 在iframe中获取父窗口的元素格式：window.parent.document.getElementById("父窗口的元素ID").click(); 实例：window.parent

IFrame语法：IFrame实例应用集

阅读更多关于 IFrame语法：IFrame实例应用集

Frame可以在网页内嵌入另一个页面，类似“画中画”形式。标记的使用格式是: 　　<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe> 　　src：文件的路径，既可是HTML文件，也可以是文本、ASP等；　　width、height："画中画"区域的宽与高；　　scrolling：当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示；　　FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。　　比如: 　　<Iframe src=" http://www.IFrame.com/xyz " width="250" height="200" scrolling="no" frameborder="0"></iframe> ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 　　窗口与浮动帧之间的相互控制　　在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要

iframe高度自适应，终于解决了

阅读更多关于 iframe高度自适应，终于解决了

一直被iframe的高度自适应的问题困扰着，在项目中也是多次遇到。网上也有不少相关的代码，但是总不能满足自己的要求。在头痛了几次之后终于下定决心解决这个问题。本代码主要解决的问题是：最外层滚动条随着iframe高度动态变化的问题。如果iframe高度比较大最外层就会出现滚动条，否则就不会。网上好多例子的问题都是iframe只保留最大的高度以至于页面内容高度很小但是右边还有滚动条。话不多说，上代码。 1 /** 2 * iframe自适应高度，height为手动设置的最小高度 3 */ 4 function initIframeHeight(height){ 5 var userAgent = navigator.userAgent; 6 var iframe = parent.document.getElementById("contentIframe"); 7 var subdoc = iframe.contentDocument || iframe.contentWindow.document; 8 var subbody = subdoc.body; 9 var realHeight; 10 //谷歌浏览器特殊处理 11 if(userAgent.indexOf("Chrome") > -1){ 12 realHeight = subdoc.documentElement

Js/Jquery获取iframe中的元素

阅读更多关于 Js/Jquery获取iframe中的元素

在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。 JavaScript 在父窗口中获取iframe中的元素格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementById("btnOk").click(); 格式： var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click(); 实例： var obj=document.getElementById("ifm").contentWindow; var ifmObj=obj.document.getElementById("btnOk"); ifmObj.click(); 在iframe中获取父窗口的元素格式：window.parent.document.getElementById("父窗口的元素ID").click(); 实例：window.parent

<iframe>标签自适应高度和宽度

阅读更多关于标签自适应高度和宽度

订阅 iframe