首页 / JAVASCRIPT / iframe子父页面调用js函数示例_javascript技巧

iframe子父页面调用js函数示例_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了iframe子父页面调用js函数示例_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含890字，纯文字阅读大概需要2分钟。

内容图文

1、iframe子页面调用父页面js函数

子页面调用父页面函数只需要写上window.praent就可以了。比如调用a()函数，就写成：
代码如下:

window.parent.a();

子页面取父页面中的标签中的值，比如该标签的id为“test”,则：
代码如下:

window.parent.document.getElementById("test").value;

jQuery方法为：

$(window.parent.document).contents().find("test").val();

但是我在chrome浏览器下却发现此方法无效了！查了半天才了解，在chrome 5+中，window.parent无法在file://协议中运行，但是发布了之后http://协议下是可以运行的。此方法支持ie、firefox浏览器。

2、iframe父页面调用子页面js函数
代码如下:

这个就稍微复杂一些，下面的方法支持ie和firefox浏览器：

document.getElementById('ifrtest').contentWindow.b();

子页面取父页面中的标签中的值，比如该标签的id为“test”,则：

document.getElementById("test").value;

注：ifrtest是iframe框架的id，b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象，IE下可以省略。

内容总结

以上是互联网集市为您收集整理的iframe子父页面调用js函数示例_javascript技巧全部内容，希望文章能够帮你解决iframe子父页面调用js函数示例_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/318282.html

来源：【匿名】