jsp中父页面如何调用iframe中的src子页面中的js方法

Posted 2023-05-16

上面的图片是a.jsp中的iframe，下面的moveGo()为b.jsp页面的js方法，edocAP.do?method=getDocTMPage返回b.jsp页面，请大神指教下，在a.jsp中的js方法如何调用b.jsp页面中的moveGo方法，谢谢了！

parent.document..test(); 这样子test()就是父页面的一个方法。但是。。test()不能写在js里。。只有在父的jsp里面的js方法地。。引起来的调用不到。追问

应该是父页面调用子页面中的js方法呢

参考技术A /* iframeID 是 iframe ID*/
window.iframeID.formSubmit();
/* ifr 是 iframe ID */
document.getElementById('ifr').contentWindow.formSubmit();追问

这两种方法都用过了，出现对象不能调用方法的js错误！

本回答被提问者和网友采纳

iframe子页面在跨域情况下使用父页面的方法

参考技术A

项目中，iframe内部的子页面要使用父页面的方法，如果不跨域，那么直接通过parent.func()就可以直接调用了。但如果子页面和父页面跨域了，就需要用html5的postMessage方法来进行通信和传输数据，间接性的在父页面调用方法。
以子页面向父页面通信为例：
子页面中

父页面中这样接收

ie8兼容
1、绑定监听事件需兼容
由于ie8中不兼容addEventListener()这种事件监听方式，所以需要这样来绑定

2、子页面向父页面传的数据为json字符串，即JSON.stringify后的字符串内容
需要用window.eval() 或 new Function() 的方式解析 JSON 格式字符串。