| 标题 | javscript调用iframe框架页面中函数的方法 |
| 范文 | 本文实例讲述了在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 style=background: lightblue;> 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 width=100% 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 style=background: lightgreen;> 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程序设计有所帮助。 |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。