zoukankan      html  css  js  c++  java
  • js父页面和子页面之间传值

    今天和朋友一块讨论,怎样通过js在父页面和子页面之间传值的问题,总结例如以下:

    需求描写叙述:父页面有多个子页面。实如今父页面点击子页面,传值到子页面。

    看着非常easy,试了好久。主要纠结在怎样获取iframe,刚開始用document.getElementById('iframe的ID'),后来查资料才发现这样的方法仅仅是去取出了一个OBJECT,不能操作它的函数方法。后来改成window.iframes["iframe的name"],这样就能够获取子页面的整个DOM,能够操作它的函数。

    1、父页面代码

    <html>
    <head>
    <title></title>
    <script type="text/javascript" >
    function callChild(){
    	var child_1 =window.frames["child"];
    	var str = "ddddd";
    	child_1.window.testJs(str);
    }
    function aa(str){
    	alert(str);
    	}
    </script>
    </head>
    <body>
    <iframe name="child" src="children.html" ></iframe>
    <a onclick="callChild()">call children</a>
    </body>
    </html>

    2、子页面代码

    <html>
    <head>
    <title></title>
    <script type="text/javascript">
    	function testJs(str){
    		alert(str);
    	}
    	function callParent(){
    		var str = "vdsss";
    		parent.aa(str)
    	}
    	</script>
    </head>
    <body>
    <a onclick="callParent()">call parent</a>
    </body>
    </html>



  • 相关阅读:
    数据挖掘相关资料收集(持续更新)
    常见面试之机器学习算法思想简单梳理
    在c中保存状态
    lua 和 c
    lua 基础库
    lua 面向对象
    lua 高级
    lua 基础
    lua中的协程
    cocos2d中的可见性检测
  • 原文地址:https://www.cnblogs.com/blfbuaa/p/6766788.html
Copyright © 2011-2022 走看看