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.  
posted @   郑文亮  阅读(1125)  评论(0)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 地球OL攻略 —— 某应届生求职总结
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
历史上的今天：
2011-03-03 32位网站如何在64位机器上使用
2011-03-03 客户端如何触发服务器端控件的事件
2011-03-03 ASP.NET 多次提交的解决办法
2011-03-03 ASP.NET中常用的三十三种代码
2011-03-03 ASP.NET中常用的js代码
点击右上角即可分享
微信分享提示
SQL AI 助手