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

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

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

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

var ifr = documentgetElementById('ifr');

var win = ifrwindow || ifrcontentWindow; // 考虑兼容性问题

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

要获取通过windowopen打开的页面的window引用就更简单了：

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

而要在windowopen打开的页面中获取父页面的window，也就是打开该页面的页面的window，也很简单：

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

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

var ifr = documentgetElementById('ifr');

var win = ifrwindow || ifrcontentWindow;

wina(); // 调用iframe中的a函数

可以通过 windowtopframes 先获取全部 frame，在你的例子中有两个 frame

windowtopframes[0]：left

windowtopframes[1]：main

获得两个 frame 后就可以像平常一样获取页面元素

indexhtml

<!DOCTYPE html>

<html>

<head>

</head>

</frameset>

</html>

lefthtml

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>lefthtml</p>

</body>

</html>

mainhtml

<!DOCTYPE html>

<html>

<head>

// windowtopframes[0] 为 lefthtml

var html = windowtopframes[0]documentgetElementById("num")innerHTML;

// 12345

alert(html);

</script>

</head>

<body>

<p>mainhtml</p>

</body>

</html>

以上就是关于javascript 能否调用到iframe标签包含页面中的函数全部的内容，包括:javascript 能否调用到iframe标签包含页面中的函数、关于iframe中获取页面元素的问题、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9295829.html

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

发表评论

评论列表（0条）