博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS方法在iframe父子窗口间的调用
阅读量:5147 次
发布时间:2019-06-13

本文共 971 字,大约阅读时间需要 3 分钟。

本文向大家简单介绍一下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.  

转载于:https://www.cnblogs.com/zhwl/p/3578819.html

你可能感兴趣的文章
接口签名2
查看>>
递归科赫雪花
查看>>
字符串格式化与.format()
查看>>
统计文本中特定词汇的出现频率
查看>>
汉诺塔递归函数hanoi
查看>>
jieba+wordcloud+imageio—自定义词云
查看>>
wordcloud—词云的表示方法
查看>>
2019-08-29开始——光网络
查看>>
解决sublime安装插件被墙失败的方法
查看>>
CentOS 安装jira 6.3.6
查看>>
按钮UIButton的使用
查看>>
C++利用SOAP开发WebService
查看>>
ios copy和strong,浅拷贝和深拷贝
查看>>
ToDo
查看>>
【C++从内部结构到应用】
查看>>
关于TCP的粘包
查看>>
eclipse导入工程出现的问题
查看>>
js "多线程" 与 异步调用 EventLoop 机制
查看>>
《A First Course in Probability》-chaper4-离散型随机变量-随机变量和或积的期望
查看>>
鼠标滚动事件onscroll在firefox/chrome/Ie中执行次数的问题处理
查看>>