ionic iframe 子值传父,怎么写

ionic iframe 子值传父,怎么写,第1张

页面中的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的方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9571410.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存