关于js调用iframe中函数方法不管用的一些提示

     记得在我以前写的一篇easyui dialog弹出框的注意事项中写有从iframe页面中调用iframe外面的函数，从而实现iframe子页面向父页面的传值与函数的调用，可以把iframe中的easyui dialog框在最外层显示，而不只是在iframe里，导致别的元素还能点击。

     今天遇到个问题需要用js调用iframe里的函数，正好和以前相反。上网上搜了一下，几乎都是以下的例子~~

假如父页面为index.html:

 
 
 
 
 
 
This is index page. 
 
 
 
 
 

子页面为inner.html:

 
 
 
 
 
 
This is inner page. 
 
 
 
 

这样就可以实现：1.在子页面用js调用父页面的函数方法，从而实现子页面向父页面的传值。2.在父页面用js调用子页面的函数方法，实现父页面向子页面的传值。

但是我见好多人留言说都无法成功调用，其实我一开始时竟然也失败了，原因是一开始我直接把上面的代码复制到了一个html页面中了，并且直接双击打开这个页面，当点击调用iframe页面里的函数的按钮时，console控制台不出意外的报错了，如下：

我猛一看这个错很像我以前出的跨域问题的错误，于是又把那两个html页面放到本地服务器上访问(我用的是wamp，只要把页面放到www目录下访问localhost就好了)，果然没有错了。但是当我点击时，又出错了，如下：

然后仔细检查后才发现是iframe标签的name值与window.frames["childPage"].sonff();中括号里的值不相同导致的，修改之后，果然调到了子页面的函数！！！