父页面中如何调用iframe中的javascript过程？

pcbaby12345 2010-02-21 02:04:48

window.frames["fileid"].AddNote();

这样写IE可以，但firefox不认，怎么办

...全文

79 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

阿云ivan 2010-02-22

打赏
举报

回复

试试document.getElementById("fileid").contentWindow.AddNote();

pcbaby12345 2010-02-21

打赏
举报

回复

没人理我啊：（没人理我啊：（没人理我啊：（没人理我啊：（

然而，有时候我们需要从父页面与iframe内的内容进行交互，比如调用iframe中的JavaScript函数。在Web前端开发中，iframe 是一个强大的工具，正确地使用它可以显著提升应用的性能和用户体验。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。当 iframe 和父页面位于不同的域名时，直接调用 iframe 中的函数会受到同源策略的限制。除了从父页面调用 iframe 中的函数，我们也可以从 iframe 中调用父页面中的函数。

一、iframe页面里的js调用父级页面js函数 1、假设当前页面为a.html, iframe的src页面为b.html,其代码如下： <html> <head> <title></title> </head> <body> 　　<p>iframe页面里的js调用父级页面js函数的demo<...

parent function parentFunction() { alert('function in parent'); } function callChild() { child.window.childFunction(); /* child 为iframe的name属性值，不能为id，因为在FireFox下id不能获取iframe对象 */ }

本文介绍了在Web开发中使用iframe嵌套页面时，父页面与子页面的交互方法。同源场景下可直接通过JavaScript访问对方的方法和变量；跨域时需使用postMessage进行安全通信。文章详细说明了同源和跨域情况下的具体实现方案，包括父页面调用iframe内方法、iframe调用父页面方法、消息发送与监听等，并提供了完整的代码示例。关键注意事项包括同源验证、加载时机处理、错误捕获和性能优化。通过合理运用这些技术，可以实现安全可靠的跨iframe交互。

父页面 <div class="image_content"> <iframe scrolling="yes" id='imgCon' scrolling=yes name="frame0" src="./imgContent.html"></iframe> </div> // An highlighted block //获取iframe var iframe = document.getElementById("tabList"); var iwi

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章