子、父页面相互调用方法

（作者：ヤ青春ゞ滋味，撰写时间：2019年9月17日）
在我们做项目的过程中，我们经常会遇到子、父页面之间调用的方法，下面我来讲一下：
首先呢，我们需要来理解一下iframe标签,这个标签它规定了一个内联的框架，我们需要在父页面中利用iframe标签来进行嵌入子页面，我们如果需要的话也可以设为静态路径，代码如下：

1. 下面我们先来看一下iframe子页面调用父页面分方法： 在iframe页面（子页面）通过parent可以获得主页面的window，接着就可以正常访问父页面的元素了。 如果我们需要子页面调用父页面的函数的时候，比如我们调用这个sdo()函数的话，代码如下：window.parent.sdo()； 或者我们直接去掉window，代码如下： parent.sdo()； 如果我们需要子页面获取父页面的标签值或者ID的话，代码如下： window.parent.$(“#id”); window.parent.$(“#id”).val(); 2.下面的父页面调用子页面的方法就稍微难一点，因为我们是用iframe来进行嵌套子页面的，所以我们如果要在父页面调用子页面的方法的话，我们需要理解一下：iframe中contentWindow属性，它是指指定的frame或者iframe所在的window对象，也就是取子窗口的window对象。 基本使用： 1、$("#myiframe")[0].contentWindow，jquery选择器获得iframe，先把jquery对象转换为DOM对象. 2、$("#myiframe")[0].contentWindow.$("#dd").val()，可以在得到iframe的window对象后接着使用jquery选择器进行页面操作； 下面我来给大家演示一下，我们该如何进行使用，下面大家来看一下我页面上的效果图，如下：  接下来我们分别来看主页面和子页面的Html代码，如下图： 主页面HTML代码：  子页面Html代码：  效果图如下：该图片为父页面调用子页面的方法  该图片为子页面调用父页面的方法  这样，子、父页面相互调用的方法也就讲完了，我们如果需要拿其它数据或值的话，我们可以通过前面这些基本上的调用方法来做就可以了。