web两个iframe之间互相调用方法

来源：互联网发布：网络汽车出租管理办法编辑：程序博客网时间：2024/06/14 20:48

假如有两个iframe在同一个页面上，一个id为if1，另一个为if2。
想要在if1中调用if2中的方法,只需在if1中添加如下代码：

window.parent.document.getElementById('if2').contentWindow.需要调用的方法;

例：
main.html

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><link href="../css/main.css" rel="stylesheet" type="text/css"></head><body>    <div>        <iframe src="if1.html" id="if1"></iframe>        <iframe src="if2.html" id="if2"></iframe>    </div></body></html>

if1.html

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body>    <button onclick="window.parent.document.getElementById('if2').contentWindow.show();">测试</button></body></html>

if2.html

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>if2</title><script type="text/javascript">    function show(){        alert();    }</script></head><body></body></html>

运行结果：
这里写图片描述
亲测可用！

2 0