| 标题 | Javscript调用iframe框架页面中函数的方法 |
| 内容 | 易贤网网校上线了！ >>>点击进入<<< 网校开发及拥有的课件范围涉及公务员、财会类、外语类、外贸类、学历类、 职业资格类、计算机类、建筑工程类、等9大类考试的在线网络培训辅导。 本文实例讲述了在Javscript调用iframe框架页面中函数的方法，这个调用方法其实非常的简单，有了这个方法我们就可以实现iframe之间传值或修改值了，操作起来都非常的简单。分享给大家供大家参考。具体实现方法如下： 访问iframe里面的函数： 代码如下: document.getElementById('commentIframe').contentWindow.hasLogined(); commentIframe为iframe的id. 要在 window.onload里面执行 例子如下： 1.html 代码如下: <a href="#" onclick="window.frames['frame1'].MyNext()">aa</a> <iframe id="frame1" src="2.html" ></iframe> 2.html 页面 代码如下: <script language="javascript" type="text/javascript"> function MyNext() { alert(1); } </script> 在1.htm中点击test按钮，可以使2.htm(iframe页面)中mybutton按钮失效．就这么简单，呵呵．如果要调用2.htm中的JS函数这样写： 代码如下: self.frames['a'].funtionname(param) 在1.htm中调用2.htm中的JS函数：iframe2.showInfo(); 例子说明： 假设有2个页面，index.html和inner.html。其中index.html中有一个iframe，这个iframe的src指向inner.html。 我们现在要做的就是： 1.在index.html中调用inner.html上的一个js方法 2.在inner.html中调用index.html上的一个js方法 代码如下： index.html： 代码如下: <html> <head> <script type="text/javascript"> function ff(){ alert(">>this is index's js function index.html"); } </script> </head> <body> <div> This is index page. <input type="button" value="run index's function" onclick="ff();" /> <input type="button" value="run inner page's function" onclick='window.frames["childPage"].sonff();' /> </div> <iframe id="childPage" name="childPage" src="inner.html" frameborder="0"></iframe> </body> </html> inner.html： 代码如下: <html> <head> <script type="text/javascript"> function sonff(){ alert(">>this is inner page's js function"); } </script> </head> <body> <div> This is inner page. <input type="button" value="run index's function" onclick='parent.window.ff();' /> <input type="button" value="run inner page's function" onclick="sonff();" /> </div> </body> </html> 希望本文所述对大家基于javascript的web程序设计有所帮助。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。