HTML`js调用iframe页面中的变量，js调用iframe页面中的函数

“ 最近项目用到，记录并分享一下。”

在本文中，主要介绍：
（1）父页面a.html调用iframe插入的子页面b.html页面中的js函数；
（2）父页面b.html调用iframe插入的子页面c.html页面的js变量；

如下图所示为父页面a.html页面，该页面中使用iframe插入了b.html页面，在a.html页面中调用了b.html页面中的函数，并获取了b.html页面中的变量date。

如下图所示为b.html页面，该页面使用iframe插入了c.html，在页面中存在js函数subFunction()函数；并获取了c.html，页面中的datetime变量的值。

如下图所示为c.html页面，该页面主要是产生a.html所需要的时间变量datetime，以下不会详述变量产生过程，主要以介绍js调用iframe页面中的变量为主。

注1：在本文中，其代码主要是为了实现a.html页面获取c.html页面的时间变量，但是由于中间插入了b.html页面，于是采用了调用js函数的方法使得b.html页面获取到c.html页面的值。
注2：解释一下父页面和子页面：
父页面主要是引用其他页面的页面，子页面是被引用的页面，如：上述过程中的a.html页面中引用了b.html，则a页面就是父页面，b页面就是子页面。

一个非著名程序员的分享
生活故事
程序人生
面试技巧
心情札记
长按二维码关注