实现 iframe 子页面调用父页面中的js方法

时间：2022-12-21 11:28:55
父页面：index.html(使用iframe包含子页面child.html)
[xhtml]   view plain copy print ?
  1. <html>  
  2. <head>  
  3. <script type="text/javascript">  
  4. <!--  
  5. function toshow(msg){  
  6.     alert("这里是父页面:"+msg);  
  7. }  
  8. // -->  
  9. </script>  
  10. </head>  
  11. <body>  
  12. <iframe background="blue" src="child.html" mce_src="child.html"></iframe>  
  13. </body>  
  14. </html>  

 

子页面child.html(调用父页面toshow方法) 

 

[xhtml]   view plain copy print ?

 

    1. <html>  
    2. <head>  
    3. <script type="text/javascript">  
    4. <!--  
    5. function doparent(){  
    6. window.parent.toshow('ccccchild');  
    7. }  
    8. // -->  
    9. </script>  
    10. </head>  
    11. <body>  
    12. This is child frame!!  
    13. <input type="button" value="请点击" onclick='doparent()'></input>  
    14. </body>  

 

标签：

相关文章