zoukankan      html  css  js  c++  java
  • JS方法在iframe父子窗口间的调用

    本文向大家简单介绍一下iframe父子窗口间JS方法调用,JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用,希望本文介绍对你有所帮助。

    iframe父子窗口间JS方法调用

    父窗口调用iframe子窗口方法

    1. <iframenameiframename="myFrame"src="child.html"> 
    2.  
    3. </iframe> 
    4.  
    5. myFrame.window.functionName();  

    iframe子窗口调用父窗口方法

    1. parent.functionName();  
    2.  

    父窗口页

    1. <html> 
    2. <head> 
    3. <scripttypescripttype="text/javascript"> 
    4.  
    5. functionsay(){  
    6. alert("parent.html------>I'matparent.html");  
    7. }  
    8.  
    9. functioncallChild()  
    10. {  
    11. //document.frames("myFrame").f1();  
    12. myFrame.window.say();  
    13. }  
    14. </script> 
    15. </head> 
    16.  
    17. <body> 
    18. <inputtypeinputtype=buttonvalue="调用child.html中的  
    19. 函数say()"onclick="callChild()"> 
    20. <iframenameiframename="myFrame"src="child.html"></iframe> 
    21. </body> 
    22. </html> 
    23.  

    子窗口页面

    1. <html> 
    2. <head> 
    3. <scripttypescripttype="text/javascript"> 
    4.  
    5. functionsay()  
    6. {  
    7. alert("child.html--->I'matchild.html");  
    8. }  
    9.  
    10. functioncallParent(){  
    11. parent.say();  
    12. }  
    13. </script> 
    14. </head> 
    15. <body> 
    16. <inputtypeinputtype=buttonvalue="调用parent.html中的  
    17. say()函数"onclick="callParent()"> 
    18. </body> 
    19. </html> 
    20.  
  • 相关阅读:
    动画效果(二)
    动画效果(一)
    高级事件(二)
    高级事件(一)
    事件对象(二)
    事件对象(一)
    使用jquery ajax代替iframe
    SQL语句汇总(终篇)—— 表联接与联接查询
    SQL语句汇总(三)——聚合函数、分组、子查询及组合查询
    SQL语句汇总(二)——数据修改、数据查询
  • 原文地址:https://www.cnblogs.com/zhwl/p/3578819.html
Copyright © 2011-2022 走看看