javascript 能否调用到iframe标签包含页面中的函数

例如:
我有两个页面page1,page2
page1中有一个iframe标签,其src引用的是page2;
page2种有一段javascript代码,例如function a(){return "abc";}
我能在page1种调用到这个a()函数么?

再进一步
a()需要根据page2种一些<input>标签中的值,计算后return一个值
如果我在page1中能调用page2的a()函数,a()函数还是否能正常的获取到原来页面上<input>中的值?

可以的。只要两个页面有一定的关系,无论是通过iframe,还是frameset,甚至是window.open,超链接等等方式,都可以让两个页面之间的js互相调用。注意,是互相调用,也就是说,两者谁都有办法调用另一个的js代码。


当然有前提,前提就是两个页面都是你自己的页面,是在同一个域下面的,否则牵扯跨域问题,就比较麻烦了。


互相调用的关键是获取另一方的window对象。通常页面中window对象就是window,直接使用。但通过某种关系的另一个页面的window就需要通过别的方式获取了。以iframe为例,跨域通过普通节点获取的方式得到iframe节点,比如iframe节点id为ifr,则:

var ifr = document.getElementById('ifr');
var win = ifr.window || ifr.contentWindow; // 考虑兼容性问题

这里获取到的win,就对应普通页面的window。要操作这个框架页面,就可以通过这个win进行操作了。比如获取框架页面的文档对象win.document,到了这一步,剩下的就和普通页面没有区别了。


要获取通过window.open打开的页面的window引用就更简单了:

var win = window.open(url); // 这个函数还有其它知识点,请自行搜索

而要在window.open打开的页面中获取父页面的window,也就是打开该页面的页面的window,也很简单:

var win = window.opener; // 表示打开本window的那个页面的window


获取到另一个页面的window引用后,实际上另一个页面的很多控制权就拿到了。你可以通过获取到的window随意修改另一个页面了。比如要调用iframe中的a函数,就可以这样:

var ifr = document.getElementById('ifr');
var win = ifr.window || ifr.contentWindow;
win.a(); // 调用iframe中的a函数

温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-09-05
你可以试试看,如果不跨域的话应该问题不是太大。
第2个回答  2015-08-23
是调用不到的!
第3个回答  2014-09-05
window.frames[0].execScript "a()";

适用于IE
第4个回答  2014-09-05
有的浏览器不支持的,最好不要用这种方法

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网