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

发布网友 发布时间：2022-04-22 02:14

我来回答

共5个回答

热心网友 时间：2022-04-20 12:23

可以的。只要两个页面有一定的关系，无论是通过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函数

热心网友 时间：2022-04-20 13:41

你可以试试看，如果不跨域的话应该问题不是太大。

热心网友 时间：2022-04-20 15:16

是调用不到的！

热心网友 时间：2022-04-20 17:07

window.frames[0].execScript "a()";

适用于IE

热心网友 时间：2022-04-20 19:15

有的浏览器不支持的，最好不要用这种方法