猿问
回到首页
个人中心
反馈问题
注册登录
下载APP
首页
课程
实战
体系课
手记
专栏
慕课教程
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,查看更多内容
随时随地看视频
慕课网APP
相关分类
JavaScript
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续