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.  

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com