猿问
iframe 问题
现在的问题是 ，网站是用iframe写的，分为top,left,right三个部分，现在我想在top页面执行一个方法，然后在right页面弹出一个窗口，怎么实现呢？
阿晨1998
浏览 419
回答 1
1回答
翻过高山走不出你
题主的问题本质是：iframe子页面内执行另外一个iframe子页面的javascript方法我贴代码：main.html 主窗口<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <iframe name="i1" id="i1" src="1.html" height="300" width="100%"></iframe> <iframe name="i2" id="i2" src="2.html" height="300" width="100%"></iframe> </body></html>i1.html 是你的top页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h2>这是top iframe</h2> <button type="button" onclick="rightShow()">执行Right弹窗方法</button> <script> function rightShow(){ // 获取父窗口顶层对象 $parent = window.parent; // 获取right窗口对象 $right = $parent.document.getElementById("i2").contentWindow; // 执行right窗口弹窗方法 $right.showWindow(); } </script> </body></html>i2.html 是你的right页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h3>这是right iframe</h3> <script> // 这就是right的弹窗方法 function showWindow() { alert('window shown!'); } </script> </body></html>
0
0
0
随时随地看视频
慕课网APP
相关分类
JavaScript
我要回答