js中iframe调用父页面实现代码

比如调用a()函数，就写成：

 代码如下 复制代码

window.praent.a();

但是我在chrome浏览器下却发现此方法无效了

//在父页面中调用该函数

 代码如下 复制代码

<script>

function dey() {

var cards_frame=document.frames("card-iframe");    //card-iframe为iframe的名字      
cards_frame.checkedCard()             //调用iframe中定义的方法，把内嵌页面的值传到父页面

}

</script>

2）在iframe 中调用 父页面定义的方法

 代码如下 复制代码

function alert_window(picurl,h_id)
{
document.parentWindow.parent.msg(picurl,h_id);
}

//msg()为父窗口定义的函数.

card-iframe是iframe框架的id，b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象，IE下可以省略。

时间： 2024-09-20 19:54:38

js中iframe调用父页面实现代码的相关文章

js中iframe调用父页面的方法_javascript技巧

本文实例讲述了js中iframe调用父页面的方法.分享给大家供大家参考.具体实现方法如下: 子页面调用父页面的方法在js中很容易实现.我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 但是我在chrome浏览器下却发现此方法无效了 复制代码 代码如下: //在父页面中调用该函数 <script> function dey() { var cards_frame=d

js中iframe框架子页面中调用父窗口函数

分两种情况: 第一种:在iframe子页面调用父页面js函数: 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,可以写成:  代码如下 复制代码 window.praent.a(); a()为方法: 第二种:在iframe子父页面调用子页面js函数: 这个要稍微复杂些,我们可以用:  代码如下 复制代码 document.getElementById('ifrtest').contentWindow.b(); 注:ifrtest是iframe框架的id,b(

html中iframe控制父页面刷新实现思路及代码

一.应用场景 父页面 a.jsp 子页面 b.jsp,作为a页面中嵌入的iframe指向的页面   复制代码 代码如下: <body> <iframe id="frame" src="b.jsp" .../> </body> 现在在b页面中做了一项操作,操作结束后,需要达到a页面中嵌入的iframe刷新 二.思路 在b页面中找到a页面,然后找到a页面里的iframe,重新对iframe的src属性进行赋值. 三.实现 在b.jsp

一个关于Iframe调用父页面中的脚本的问题

问题描述 父页面的脚本是通过<scriptsrc="http://domain/include.js"type="text/javascript"/>引入的假如include.js里有一个函数helloworld()请问在iframe的页面里如何才能调用该函数呢?注:不能使用execScript因为firefox不支持 解决方案 解决方案二:window.parent.helloworld();//这样行不?解决方案三:肯定不行啊,要不就不问了:(解决方

iframe调用父页面方法

1   window.parent.xxxxx();//xxxxx()代表父页面方法 具体列子如下,其中包括easyUI的右键和单击事件 parent.jsp body部分代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <body class="easyui-layout"> <!-- 左侧目录 --> <div data-options="region:'west',

iframe调用父页面函数示例详解_javascript技巧

window.parent.xxxxx();//xxxxx()代表父页面方法 具体列子如下,其中包括easyUI的右键和单击事件 parent.jsp body部分代码 <body class="easyui-layout"> <!-- 左侧目录 --> <div data-options="region:'west',split:true,title:'主题',iconCls:'icon-arrowIn'" style="w

html中iframe控制父页面刷新

一.应用场景 父页面 a.jsp 子页面 b.jsp,作为a页面中嵌入的iframe指向的页面 <body> <iframe id="frame" src="b.jsp" .../> </body> 现在在b页面中做了一项操作,操作结束后,需要达到a页面中嵌入的iframe刷新 二.思路 在b页面中找到a页面,然后找到a页面里的iframe,重新对iframe的src属性进行赋值. 三.实现 在b.jsp中 function re

Asp c# 如何在子页面中调用父页面中的方法或执行父页面中某个按键（Button）中的代码

问题描述 各位高手,有个问题求助,我搞了一天,也从网上查询了许久,找不到办法,请帮帮我.事由:我使用vs2010c#,ie8建网站,现有父页面A和子页面B.A页面(父页面):在A页面(A.aspx)有一个GridView网格Gridview_A,Gridview_A通过A页面上的按键Button_A_Click将表Table_A(Table_A放在Session["Table_A"]中)绑定,A页面(A.aspx)还有一个调用子页面B(B.aspx)的按键Button_AcallB_C

iframe子父页面调用js函数示例_javascript技巧

1.iframe子页面调用父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 子页面取父页面中的标签中的值,比如该标签的id为"test",则: 复制代码 代码如下: window.parent.document.getElementById("test").value; jQuery方法为: $(window.parent.document).c