父窗口和iframe子窗口之间相互传递参数和调用函数或方法

转载 2015年11月18日 12:17:14


原文地址:http://www.cnblogs.com/hmyprograming/archive/2012/08/15/2640094.html


1.父窗口向子窗口传递参数:

          可以在url中添加参数:2.html?a=1&b=2&c=3

          然后在子页面上可用js解析,提供一个函数:

         

function getQueryStr(sArgName)
{
var args = LocString.split("?");
var retval = "";
if(args[0] == LocString) /*参数为空*/
{
return retval; /*无需做任何处理*/

var str = args[1];
args = str.split("&");
for(var i = 0; i < args.length; i ++)
{
str = args[i];
var arg = str.split("=");
if(arg.length <= 1) continue;
if(arg[0] == sArgName) retval = arg[1]; 
}
return retval;
}

            使用

var a=getQueryStr("a");
var b=getQueryStr("b");
var c=getQueryStr("c");

         可以取得值

2.子页面向父页面传递参数:

       可以换一个思路也就是在父页面中定义一个变量,然后在子页面中进行访问更改。

        访问方法:window.parent.父窗口中的变量=xxx;

3.父页面调用子窗口方法

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

4.子窗口调用父窗口方法

        parent.functionName(); 

下面父窗口和子窗口相互调用举例:

    父窗口页面 

<html>  
<head>  
<script   type="text/javascript">  

function say() { 
   alert("parent.html------>I'm at parent.html"); 
   } 

function callChild() 
{  
   //document.frames("myFrame").f1(); 
   myFrame.window.say(); 
}  
</script>  
</head>  
   
<body>    
<input   type=button   value="调用child.html中的函数say()" onclick="callChild()"> 
<iframe name="myFrame" src="child.html"></iframe> 
</body>  
</html>  


子窗口页面 

<html>  
<head>  
<script type="text/javascript"> 
     
function say()  
{  
          alert("child.html--->I'm at child.html");  


function callParent() { 
   parent.say(); 
   } 
</script>  
</head>  
<body>  
<input   type=button   value="调用parent.html中的say()函数"   onclick="callParent()">  
</body>  
</html> 

artDialog实现子窗口向父元素传递数据

案例:在页面A点击按钮,弹出窗口B,该窗口是一个jqgrid列表,选中一条数据,提交时将该数据的key(或某个字段)传回到页面A,显示出来,并且不刷新页面。 窗口B中的js: function com...
  • bossin2014
  • bossin2014
  • 2015年08月09日 18:13
  • 6178

Qt窗体之间相互传值的三种方式

1.使用QT中的Signal&Slot机制进行传值    我在mainwindow里面添加了一个textedit用来接收传递过来的值,dialog里面添加了一个ok按钮和一个lineedit,可以在l...
  • zbw1185
  • zbw1185
  • 2015年09月17日 11:30
  • 10509

子窗体和父窗体双向传值——C#窗体传值方法总结

简介  在很多场景下,我们的程序需要完成窗体间的传值功能,有时候是父窗体→子窗体单向传值、子窗体→父窗体传值甚至是,也有时候我们需要父窗体⇆子窗体双向传值。   在本文中主要介绍一些能够实现双向传值...
  • honantic
  • honantic
  • 2015年05月29日 11:54
  • 3445

iframe中父窗口与子窗口之间javascript方法调用

一、父窗口调用iframe子窗口方法  1、HTML语法:  2、父窗口调用子窗口:myFrame.window.functionName();  3、子窗品调用父窗口:parent.funct...
  • marvel_cheng
  • marvel_cheng
  • 2016年07月22日 08:56
  • 168

iframe 父窗口和子窗口相互的调用方法集锦

一、父窗口调用iframe子窗口方法  1、HTML语法:  2、父窗口调用子窗口:myFrame.window.functionName();  3、子窗品调用父窗口:parent.funct...
  • yusewuhen
  • yusewuhen
  • 2014年01月21日 00:13
  • 1208

iframe 父窗口和子窗口相互的调用方法集锦 .

iframe 父窗口和子窗口相互的调用方法集锦 一、父窗口调用iframe子窗口方法 1、HTML语法: 2、父窗口调用子窗口:myFrame.window.functionName(); 3...
  • qq2644375193
  • qq2644375193
  • 2012年10月14日 18:01
  • 469

iframe 父窗口和子窗口相互的调用方法集锦

iframe 父窗口和子窗口相互的调用方法集锦 用iframe、弹出子页面刷新父页面iframe parent.location.reload();弹出子页面 window.open...
  • cqkxzyi
  • cqkxzyi
  • 2012年03月31日 13:39
  • 1490

iframe 父窗口和子窗口相互的调用方法

一、父窗口调用iframe子窗口方法 1、HTML语法: 2、父窗口调用子窗口:myFrame.window.functionName(); 3、子窗品调用父窗口:parent.fu...
  • junmoxie
  • junmoxie
  • 2012年08月01日 09:41
  • 717

js 调用父窗口函数-iframe父窗口和子窗口相互的调用方法

  iframe 父窗口和子窗口相互的调用方法集锦 一、父窗口调用iframe子窗口方法   1、HTML语法:   2、父窗口调用子窗 口:myFrame.window.functionName()...
  • china_skag
  • china_skag
  • 2011年06月01日 18:03
  • 4064

iframe 父窗口和子窗口相互调用

一、父窗口调用iframe子窗口方法 1、HTML语法: 2、父窗口调用子窗口:myFrame.window.functionName(); 3、子窗口调用父窗口:parent.function...
  • yhawaii
  • yhawaii
  • 2011年11月08日 13:32
  • 730
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:父窗口和iframe子窗口之间相互传递参数和调用函数或方法
举报原因:
原因补充:

(最多只允许输入30个字)