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

    父窗口调用iframe子窗口方法 

    1 <iframe name="myFrame" src="child.html"></iframe
    2 myFrame.window.functionName();


    iframe子窗口调用父窗口方法 

    1 parent.functionName();


    父窗口页面 

     
    01 <html>   
    02   <head>   
    03   <script   type="text/javascript">   
    04     
    05   function say() {
    06    alert("parent.html------>I'm at parent.html");
    07    
    08     
    09   function callChild()
    10   {   
    11    //document.frames("myFrame").f1();
    12    myFrame.window.say();
    13   }   
    14   </script>   
    15   </head>   
    16       
    17   <body>     
    18   <input   type=button   value="调用child.html中的函数say()"onclick="callChild()">  
    19   <iframe name="myFrame" src="child.html"></iframe
    20   </body>   
    21   </html>




    子窗口页面 

    01 <html>   
    02   <head>   
    03   <script  type="text/javascript">
    04         
    05   function say()   
    06   {   
    07           alert("child.html--->I'm at child.html");   
    08   
    09     
    10   function callParent() {
    11    parent.say();
    12    }  
    13   </script>   
    14   </head>   
    15   <body>   
    16   <input   type=button   value="调用parent.html中的say()函数"  onclick="callParent()">   
    17   </body>   
    18   </html>
    --------------------- 我可以操纵冰冷的代码,但我操纵不了我的人生...... [url=http://www.puya360.com]西安普雅软件工作室[/url]
  • 相关阅读:
    2019我学的东西
    jmeter之 java请求
    zookeeper简介和一些常用功能
    python 常见的一些高阶函数
    Jmeter之远程运行
    vue-cli eslint配置
    vue——element-ui项目中用如何点击导航菜单进行当前页面的router切换
    Vue 实现复制到粘贴板功能
    vscode 常用插件
    vue cli3中使用less
  • 原文地址:https://www.cnblogs.com/ternastone/p/1895433.html
Copyright © 2011-2022 走看看