zoukankan      html  css  js  c++  java
  • 在父页面调用子页面的方法

    今天弄了一天了,终于在网上找到了解决办法

    注意:问题是在父页面调用子页面的方法。。。。。

    父页面:parent.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>parent</title>
    <script>
    	function parentFunction() {
    		alert('function in parent');
    	}
    
    	function callChild() {
    		child.window.childFunction();
    		/*
    			child 为iframe的name属性值,
    			不能为id,因为在FireFox下id不能获取iframe对象
    		*/
    	}
    </script>
    </head>
    <body>
    <input type="button" name="call child"  value="call child" onclick="callChild()"/>
    <br/><br/>
    <iframe name="child" src="./child.html" ></iframe>
    </body>
    </html>

    子页面:child.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>child</title>
    <script>
    	function childFunction() {
    		alert('function in child');
    	}
    
    	function callParent() {
    		parent.parentFunction();
    	}
    </script>
    </head>
    <body>
    <input type="button" name="call parent" value="call parent" onclick="callParent()"/>
    </body>
    </html>



    大家可以根据自己的需求修改相应的代码即可。。。。。。。
  • 相关阅读:
    怎样让人的一生价值最大
    [LeetCode][Java] Minimum Depth of Binary Tree
    KVC和KVO
    js获取单独一个checkbox是否被选中
    It&#39;s not a Bug, It&#39;s a Feature! (poj 1482 最短路SPFA+隐式图+位运算)
    超声波测距温度补偿
    系统封装接口层 cmsis_os
    STM32F4XX高效驱动篇2 I2C
    Stm32f103 ADC 学习笔记
    Stm32f103 DAC 学习笔记
  • 原文地址:https://www.cnblogs.com/danyueweb/p/3345847.html
Copyright © 2011-2022 走看看