
父页面中的iframe :如下
<iframe name="sunPage" id="sunPage" src="sunhtml" width="300px" height="auto"></iframe>;
1父iframe 调用子iframe的方法
$("#sunPage")[0]contentWindowsunMethod();
contentWindow 对象可以获取子iframe的window对象,兼容所有浏览器
sunMethod() 这是子iframe中的方法名
如果iframe的id不知道,比如用jbox 的open方法打开一个ifram可以借助jquery的find方法找到iframe节点。
如:$(selector)find("iframe")[0]contentWondowsunMethod();
2父iframe 修改子iframe标签中的数据:如修改子iframe中的input的值
$('#sunPage')contents()find("#sunP")text("dsssssdd");
jQuery contents() 方法: >
楼主会用jquery吗,可以使用jquery来从父页面获取子页面的iframe中的对象数据,也可以从子页面获取父页面的页面数据,参见如下说明:
父页面访问子页面内容:
var $iframe = $($('#iframe_editImage')[0]contentWindowdocumentbody);$iframefind("#uploadImgfile")val();
子页面访问父页面内容:
alert($('body', parentdocument)html());实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。
比如有A窗口,A内有个IFRAME
B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数ExpandPage();
那么只要在C页面中写如下JS函数就可以了:
windowparentExpandPage();
如果ExpandPage()有参数也可以直接传递合适的参数进去。
将zTree放在一个iframe里
zTreeObj = $("#treeDemo")zTree(setting, zNodes);
如果在当前页面的话,通过var nodes = zTreeObjgetCheckedNodes(); 即可
那么点击父页面的按钮,如何得到zTree已选中的节点?
假设iframe的id和name为aa(id和name都设置,兼容性问题)
windowframes['aa']windowzTreeObjgetCheckedNodes();
项目中,iframe内部的子页面要使用父页面的方法,如果不跨域,那么直接通过parentfunc()就可以直接调用了。但如果子页面和父页面跨域了,就需要用html5的postMessage方法来进行通信和传输数据,间接性的在父页面调用方法。
以子页面向父页面通信为例:
子页面中
父页面中这样接收
ie8兼容
1、绑定监听事件需兼容
由于ie8中不兼容addEventListener()这种事件监听方式,所以需要这样来绑定
2、子页面向父页面传的数据为json字符串,即JSONstringify后的字符串内容
需要用windoweval() 或 new Function(){} 的方式解析 JSON 格式字符串。
以上就是关于ionic iframe 子值传父,怎么写全部的内容,包括:ionic iframe 子值传父,怎么写、.net如何在iframe的后台代码里获取到父页面控件的值、java 父页面获得子页面iframe的方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)