iframe中子父类窗口调用JS的方法及注意事项

本文是关于在iframe中父子窗口之间调用JavaScript方法的详细指南，无论你是初学者还是经验丰富的开发者，都能从中获益。

一、背景介绍

我在使用EasyUI的页面开发中，经常需要在父窗口中嵌入一个iframe。有时候，我们需要从子窗口调用父窗口的函数，比如关闭窗口或者更新某些元素。这是一个非常实用的技巧，但也需要我们了解其中的细节和注意事项。

二、场景分析

1. 在一个新增用户信息的子窗口中，点击保存后，子窗口需要调用父窗口的closeAddWindow()函数来关闭新增页面。这时，我们需要确保父窗口的函数能够被正确调用。要注意iframe的加载顺序和DOM元素的可用性。

三、实现细节与注意事项

要确保父窗口的函数是可以在全局范围内访问的，或者使用适当的跨域策略来允许子窗口访问父窗口的函数。要注意iframe的加载顺序和DOM元素的可用性。在调用DOM元素之前，要确保这些元素已经加载完成。要注意跨域问题，如果父窗口和子窗口不在同一域下，可能会遇到安全限制。

四、总结与展望

你了解了如何在iframe中的父子窗口之间调用JavaScript方法，以及需要注意的一些细节和常见问题。希望你在实际开发中能够灵活运用这些知识，解决遇到的问题。也期待你在实践中不断和创新，为Web开发带来更多的可能性。嘻嘻~(^_^)v，让我们深入一下关于iframe子父窗口方法的调用以及何时使用myFrame.onload或myFrame.attachEvent的相关内容。

二、iframe子父窗口方法调用详解

让我们开始这个有趣的话题，从iframe的语法使用开始。想象一下一个场景，你在父窗口中嵌入了一个名为“myFrame”的iframe子窗口，并希望两者之间能够进行方法调用。这如何操作呢？让我们一起来看看。

父窗口可以像下面这样调用子窗口的方法：

`myFrame.window.sonMethod();`

同样地，子窗口也可以调用父窗口的方法：

`parent.fatherMethod();`

对于兼容不同浏览器的iframe加载完成方法，我们可以使用以下代码来确保在各种浏览器上都能正常工作：

如果浏览器支持attachEvent方法（例如IE）：

```javascript

myFrame.attachEvent("onload", function () {

alert("兼容IE加载的加载方法");

});

```

否则（其他浏览器）：

```javascript

myFrame.onload = function () {

alert("兼容其他浏览器加载方法");

};

```