调用父页面js的方法，iframe 调用父页面js

JavaScript-在open页面调用父页面Js方法的问题

新建一个子页面，页面演示代码如图所示，定义了一个testChild方法，放置一个按钮，用来触发调用父页面定义的js方法。再建一个父页面，页面演示代码如图所示，定义了一个testParent方法，也放置一个按钮，用来触发调用子页面定义的js方法，父页面还需要使用引入子页面。

子页面中调用window.opener，就是父页面的window对象。

首先建立一个父级页面parent.html，代码如图，一个pop函数方法，一个链接到child.html的iframe标签。再新建一个child.html页面，如图，展示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到window.parent.pop()方法。

Firefox， Chrome 测试通过，没问题。如果在IE　中有问题，　可能是因为array元素所指向的对象随着子页面关闭，也已经不存在，所以产生错误。

把那个页面的JS代码抽取出来，写入到JS文件中。

相关问答

Q1: 在AngularJs中父子页面如何相互调用方法和接收值

1、使用ngModel指令将该输入栏中的值指向至Scope query变量，并在用户按下回车键后利用ngKeyup调用executeSearch()函数（这样$event.keyCode == 13就会进行比较）。无法在AngularJS表达式中使用条件语句，但一条简单的逻辑运算符（AND）足以很好地完成这项任务。在输入域下面，使用ngRepeat来显示搜索结果。

2、一个value service有点像是一个factory service的缩小版，它经常用来保存值但是我们不能在其中对值进行计算。

3、在angular渲染完dom以后执行js代码的方法是使用init方法完成dom初始化，同时控制器中写入需要执行的js代码即可。

4、在controllers， services和drictives中使用filter1可以在AngularJS的controller， service或者driective中使用filter， 这时候你需要将依赖的filter名字加入到controller， service或者directive的依赖中去。

5、Angular的注入器子系统(Angular是由多个系统组成)是负责创建组件，解决它们之间的依赖关系，并且根据它们的需要，给它们提供所需要的组件的实例。使用依赖注入 依赖注入(DI)是贯通了整个angularjs的。

Q2: 子页面用js如何获取父页面onload中的方法

1、首先建立一个父级页面parent.html，代码如图，一个pop函数方法，一个链接到child.html的iframe标签。再新建一个child.html页面，如图，展示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到window.parent.pop()方法。

2、新建一个子页面，页面演示代码如图所示，定义了一个testChild方法，放置一个按钮，用来触发调用父页面定义的js方法。再建一个父页面，页面演示代码如图所示，定义了一个testParent方法，也放置一个按钮，用来触发调用子页面定义的js方法，父页面还需要使用引入子页面。

3、}具体的应用中，可以参考上面的代码把背景修改为其他的颜色、用图片平铺、拉伸等，就象通过代码修改非MDI窗口的背景一样。另外，具体应用时，可能要考虑把这些东西放置到Paint或erasebkground等事件。

4、其中parent.html中含有IFrame并且IFrame指向child.html。现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法。

5、http：//your-iframe-url.com/page/？btnid，子页面通过location.search获取到查询字符串“？btnid”，你自己去掉问号，就可以获取到父页面的btnid了。

6、解开你的心结。js是可以引入到html中的。在引入前js是不会执行的，加载到htlm中才会执行。如果加载了两个js到同一个html，他们所处在相同的作用域，之间都是“可见的”。所以可以直接调用。

Q3: 关于js的问题,父页面打开子页面,子页面添加调用父页面的function...

1、Firefox， Chrome 测试通过，没问题。如果在IE　中有问题，　可能是因为array元素所指向的对象随着子页面关闭，也已经不存在，所以产生错误。

2、在A.html（或其他文件）中写frames[rightFrame].location.reload()，rightFrame这个框架中的页面就刷新了。

3、首先建立一个父级页面parent.html，代码如图，一个pop函数方法，一个链接到child.html的iframe标签。再新建一个child.html页面，如图，展示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到window.parent.pop()方法。

4、新建一个子页面，页面演示代码如图所示，定义了一个testChild方法，放置一个按钮，用来触发调用父页面定义的js方法。再建一个父页面，页面演示代码如图所示，定义了一个testParent方法，也放置一个按钮，用来触发调用子页面定义的js方法，父页面还需要使用引入子页面。

关于调用父页面js的方法和iframe 调用父页面js的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。