日期:2014-05-16  浏览次数:20481 次

页面中js方法的相互调用

做了个项目,由于开发框架的不完善,需要手写一些初级的代码,这里介绍两种两个页面间js方法中的相互调用。

情景一:

页面A嵌套了iframe ,iframe链接地址指向了页面B,那么B中的页面怎么调用A中的方法呢?

页面A

function deleteList(delValue){
?????? document.getElementById("delValues").value=delValue;
??}

在页面B中可以这样写,用parent对象就可以调到 :

???? parent.deleteList(result);

适用场景:

B页面中的数据,传到A页面,结合A页面的数据,执行一些操作。

场景二:

B页面是由A页面通过open方式弹出的,那么B页面调用A页面的方法就只能用

window.opener.deleteList(result);? 了。

?

注意:关于父页面,不要让眼睛欺骗了你,代码写在哪个页面,父页面就是哪个。比如,B页面调用A页面的代码弹出了一个C页面,看着是从B页面弹出的,但是父页面确实A页面。