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>



  • 相关阅读:
    视频直播架构
    day1 python 入门
    python 多用户登录
    mysql innobackup 备份脚本
    ADT离线安装
    真机调试adb:wait for device 解决方案
    php中的魔术方法
    整理资料
    PostgreSQL表空间_数据库_模式_表_用户角色之间的关系[转]
    PHP获取文件夹的大小
  • 原文地址:https://www.cnblogs.com/blfbuaa/p/6766788.html
Copyright © 2011-2022 走看看