`
fly1206
  • 浏览: 55482 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

iframe里面的页面调用父窗口,左右窗口js函数的方法

阅读更多

iframe里面的页面调用父窗口,左右窗口js函数的方法

 

iframe里面的页面调用父窗口,左右窗口js函数的方法
实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。
比如有A窗口,A内有个IFRAME B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数AFUN();
那么只要在C页面中写如下JS函数就可以了:
window.parent.AFUN();
如果AFUN()有参数也可以直接传递合适的参数进去。
例如:
修改父窗口控件属性
window.parent.document.getElementById('frmright').src=window.parent.document.getElementById('frmrightsrc').value;
调用父窗口函数
window.parent.POPUP('bigFram'); 

父窗口调用iframe子窗口方法
<iframe name="myFrame" src="child.html"></iframe>
myFrame.window.functionName();
iframe子窗口调用父窗口方法
parent.functionName();


////////////////////////////////////
用js互相调用iframe页面内的js函数
一个html页面,分成左右两块,左边为导航栏,右边为需要显示的内容,代码如下:
左栏的代码为:
<IFRAME frameBorder=0 id=frmTitleLeft name=framLeft src="left.html" style="HEIGHT: 100%; width:180px;">
连接到left.html
比如右栏中有一个函数right(),我要在左栏的链接中调用right()函数,该如何实现呢
1,首先leftframe是内嵌在容器页index.html中的,因此需要先返回到index这一级别,并取得rightframe对象
    var frames=window.parent.window.document.getElementById("frameid");
2,要能执行其页面中的函数,必须要获得window对象,这里有一个重要的对象contentWindow,获得这个对象,即可执行其中的函数了,如
    frames.contentWindow.right();
以上代码兼容IE6,Firefox3,chrome2.0,均成功通过测试,IE7没试过,不过应该没问题。
3.例如:
window.parent.document.getElementById('leftFrame').contentWindow.JSMenu('MenuUl'+Sid);
window.parent.frames["leftFrame"].JSMenu('MenuUl'+Sid);

////////////////////////////////////////
还有下面一种,没测试过

并不是象通常那样iframeName.test();——test()为iframe里的方法。因为要写一个通用一点的东西,所以是从一个配置文件中动态获取到iframe的id。然后调用里面的方法。可是不成功。相烦帮忙看一看。代码如下:  
  <iframe   id="iframe1"></iframe>  
   
  var   cs   =   document.all;  
            for(var   i   =   0;   i   <   cs.length;   i++)   {  
                    if(cs.tagName.toUpperCase()   ==   "IFRAME")   {  
                            if(cs.id   ==   "iframe1")   {  
                                    alert(frmDealData);  
                                    alert(cs);  
                                    document.frames.iframe1.setScreenletStatus(iframeLayoutLvl);  
                                    document.frames.cs.setScreenletStatus(iframeLayoutLvl);  
                            }  
                    }  
            }  
  第一句调用是成功的。  
  可第二句就不成功。  
  如果在只能取得cs对象的情况下,该怎么调用iframe里的方法?谢谢 

------------------------------------
不要用id,用name  
window.frames[cs].fun()


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/wxdvc/archive/2009/12/05/4948473.aspx

分享到:
评论

相关推荐

    页面中iframe相互传值传参

    兼容IE和火狐JS父窗口调用iframe里面的对象、函数的方法

    iframe_height:跨域 iframe 高度调整

    在子页面中,从您的文档就绪函数或窗口加载函数调用 messageParent()。 messageParent 函数尝试使用 document.scrollHeight 来获取文档的高度,但这并不总是适用于每个人。 您可能只想使用 jquery 或其他选择器获取...

    ExtAspNet_v2.3.2_dll

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    107个常用javascript语句

    47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名 48.在老的浏览器中不执行此JS:&lt;!-- //--&gt; 49.引用一个文件式的JS:&lt;script type="text/javascript" src="aaa.js"&gt; 50.指定在不支持脚本的浏览器显示...

    jQuery打印插件.js

    script type = “ text / JavaScript ” src = “ path / to / jquery.print.js ” &gt; &lt;/ script &gt; 使用它像: $(“#myElementId ”)。print(/ * options * /); 要么 $。print(“#myElementId ...

    artDialog_Demo

    2、 剔除鸡肋参数'parent',框架相互调用请用javascript原生方法 3、 剔除对话框关闭后回调函数,如果需要使用请使用内置扩展方法 4、 如果有取消按钮回调函数,那关闭按钮的回调函数也将与其相同 5、 增加当...

    KODExplorer 芒果云-资源管理器

    - 弹出层中的弹出层关闭,父窗口失去焦点问题。 - 代码中grunt部分代码拆分开,放到程序外面;提交到git、osc - 桌面:删除alert enter快捷键删除 - install 检测 加入跳过,(只判断用到的函数) 加入多语言 - ...

    价值2000元的苹果cms电影网站后台带采集源码PHP,电影网站源码.rar

    ****************************模板规范化管理 开始**************************** 每个模版要把所用的css,js,img,html按照相关规定,放到指定目录。...用户登录窗口iframe调用: &lt;iframe src="{

    苹果8XPC和手机二合一完整版

    用户登录窗口iframe调用: &lt;iframe src="{maccms:path}index.php?m=user-iframe.html" frameborder="0" scrolling="no" width="100%" height="25"&gt;&lt;/iframe&gt; 特有标签: {maccms:userid} 会员ID {maccms...

Global site tag (gtag.js) - Google Analytics