首页 / JAVASCRIPT / iframe的父子窗口之间的对象相互调用基本用法_javascript技巧

iframe的父子窗口之间的对象相互调用基本用法_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了iframe的父子窗口之间的对象相互调用基本用法_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1069字，纯文字阅读大概需要2分钟。

内容图文

使用iframe的时候，可能会涉及到父子窗口之间传值和方法的相互调用，之前一直有些迷糊，也没有着意去弄清楚，这两天要干活，没法子了只好把这都弄明白了。其实非常简单，就那么几个用法，几句代码而已。

子窗口中调用父窗口的js方法：
代码如下:

parent.changeBtnTitle('tzgg');

一个父窗口中可能会有若干个功能行为类似的子窗口，子窗口中的组件要调用相同或者类似的对象或者方法，那么就把这样的方法写在父窗口中，通过传递参数来达到不同的效果。

父窗口获得子窗口中的某个对象：

首先要获得子窗口的iframe对象，比如：
代码如下:

var frameName = window.frames["frameId"]

然后要获得该子窗口的document值，然后就可以调用子窗口中的对象了。在父窗口中使用时为避免反复书写，不妨写成一个方法：
代码如下:

getSubWindowObj = function(moduleName){
return window.frames["iframe"+moduleName].document.getElementById("moreorless"+moduleName);
}

这里只用了一个参数，只因为我的iframeId和子窗口的对象Id名字起的有规律，只需传入一个参数拼接之后就可以饿了。

同样，子页面调用父页面的元素，可以使用如下代码：
代码如下:

parent.window.document.getElementById('parentMenu');
//简写
parent.document.getElementById('parentMenu');

内容总结

以上是互联网集市为您收集整理的iframe的父子窗口之间的对象相互调用基本用法_javascript技巧全部内容，希望文章能够帮你解决iframe的父子窗口之间的对象相互调用基本用法_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

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

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

来源：【匿名】