嵌套页面调用方法

文献种类：专题技术文献；
开发工具与关键技术：工具：Visual Studio 2015
技术：前端、JavaScript
作者：吴东梅 ；撰写时间：2019 年 2 月 13 日

                                 嵌套页面调用方法

嵌套页面调用方法，用在当你把子页面嵌套在父页面的时候，你要在父页面调用子页面的方法或者要在子页面调用父页面的方法时，这个时候就需要用到嵌套页面的调用方法了。
下面就演示一下在父页面调用子页面的方法吧！
首先要引入一个JQuery插件，再把子页面嵌套到父页面当中，肯定要用到iframe 标签，把页面嵌套进去，如下图：

在写完嵌套页面的方法之后，一定要记住关键的一点，就是给这个嵌套方法添加一个name值和一个ID值，因为我们写调用嵌套页面的方法要用到的。

现在，先让我们学习一下用调用嵌套页面的方法，在父页面调用子页面的方法，去改变子页面的样式(可以是颜色、大小、形状等)，让子页面的样式改变为在父页面设置的样式。以下图片是页面加载初始的时候，没有经过任何按钮的操作，请注意看，以便后面做对比：

如图是父页面写的调用子页面的方法的写法和设置的让子页面在被父页面调用成功后改变的样式：

调用成功之后的效果图：

这样调用父页面去改变子页面的样式的方法就已经完成了。

下面写的是父页面调用子页面的操作方法：
如图是在父页面写的调用子页面的调用方法：

如下图是在子页面写的方法，待父页面调用

调用成功之后，便会触发子页面的方法，完成操作，效果图如下：

嵌套页面调用的方法很简单，但一定要注意分清楚嵌套标签里面所设置的ID值和name 值，如果弄错了，就不能成功调用这个方法了，所以一定要注意，我一开始把它应用在GIS项目的时候就吃了这个亏。