javascript调用父页面的方法

最新推荐文章于 2024-12-20 17:14:54 发布
原创 最新推荐文章于 2024-12-20 17:14:54 发布 · 206 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JavaScript #ViewUI

本文介绍如何从iframe及window.open弹出的子页面中调用父页面的JavaScript方法，并演示了如何为父页面的表单元素赋值。

1,iframe页面调用父页面JS方法
<script type="text/javascript">
    //getData(1)为父页面的JS方法 
    window.parent.getData(1);
    //为父页面“username”文本框赋值
    window.parent.form1.username.value = "xxxx"
</script>
2，window.open 打开的子页面调用父页面对象
<script type="text/javascript">
    //getData(1)为父页面的JS方法 
    window.opener.getData(1);
    //为父页面“username”文本框赋值
    window.opener.form1.username.value = "xxxx" ;
</script>

 

iteye_5082
关注
JavaScript调用父窗口方法的实现方式
2301_79325657的博客
10-03 935
这些方法可根据具体场景选择使用。使用window.parent对象适用于嵌套的iframe情况，使用window.opener对象适用于弹出窗口情况，而postMessage方法则是一种通用的跨窗口通信方式，适用于不同窗口之间的交互。在JavaScript编程中，有时候我们需要在一个嵌套的iframe或弹出窗口中调用父窗口（即包含iframe或弹出窗口的窗口）的方法。这种情况下，我们可以使用一些方法来实现这样的交互。希望以上解答能够帮助到你。
js调用父框架函数与弹窗调用父页面函数的简单方法
11-29
调用父级中的 aaa的函数 子页面中: onclick="window.parent.frames.aaa()" 父页面中: function aaa() { alert(‘bbbbb'); } frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面。 window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面. 可以这样 window.frames[0].document.getElementById(‘xx'); 可以这样 window.f
JS子窗口调用父窗口
12-24
JS子窗口调用父窗口
在iframe中调用js父页面和子页面方法
08-08
NULL 博文链接：https://747017186.iteye.com/blog/1985110
javascript_调用父窗口（父页面）的方法
ALL TECHNOLOGIES ARE CLOUDS
12-23 313
via: http://www.php100.com/html/webkaifa/javascript/2009/0213/1658.html   window.parent与window.opener的区别 javascript调用主窗口方法 1：   window.parent 是iframe页面调用父页面对象 举例: a.html Html代码 &lt;html&gt;    ...
iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法
weixin_34326429的博客
02-19 493
一、iframe页面里的js调用父级页面js函数 1、假设当前页面为a.html, iframe的src页面为b.html,其代码如下： <html> <head> <title></title> </head> <body> 　　<p>iframe页面里的js调用父级页面js函数的demo&lt...
js中子页面调用父页面的方法
殇之何伤的博客
01-28 498
子页面调用父页面的方法只需要在 方法前加上 parent. 就可以了 有一个例如：子页面有一个标签 &lt;input id="closeLayer" class="btn btn-primary radius" type="button" value="&amp;nbsp;&amp;nbsp;取消&amp;nbsp;&amp;nbsp;"&gt; //子页
iframe子页面调用父页面javascript函数的方法
鱼骨头
11-24 984
1、iframe子页面调用 父页面js函数 子页面调用父页面函数只需要写上window.parent就可以了。比如调用a()函数，就写成： window.parent.a();   2、iframe父页面调用 子页面js函数 这个就稍微复杂一些，下面的方法支持ie和firefox浏览器： document.getElementById('ifrtest').contentWin...
子页面调用父页面方法---js方式
numbgui的专栏
07-25 711
子页面通过JS的方式调用父页面
js调用父框架函数与弹窗调用父页面函数的方法
热门推荐
mmllkkjj的专栏
03-29 2万+
js调用父框架函数与弹窗调用父页面函数的方法2010-08-10 15:55<br />调用父级中的 aaa的函数<br /><br />子页面中:<br />onclick="window.parent.frames.aaa()"<br /><br />父页面中:<br /><br />function aaa()<br />{<br />alert(‘bbbbb’);<br />}<br /><br />----------------------------------------------<br
js父子页面相互调用变量及方法
Dzq_Boyka的博客
11-02 2744
原文：http://www.cnblogs.com/huangshuqiang/p/5734358.html （1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent
js中iframe调用父页面的方法
01-19
本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下： 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数，就写成： 代码如下:window.parent.a(); 但是我在chrome浏览器下却发现此方法无效了 代码如下://在父页面中调用该函数 [removed] function dey() { var cards_frame=document.frames(“card-iframe”);    //card-iframe为iframe的名字    
js中调用父页面的方法
郑龙飞
03-17 3090
子页面调用父页面的方法 parent.window.show(b) window.opener.show(b) opener.location="javascript:show('hello')"; 子页面获取父页面的值 var el=window.opener.document.getElementById(currentWId);
js调父页面方法
diaokang2511的博客
02-27 211
function NoCallDetail() {var varValue = $("#cno").val();window.parent.missedCalls(varValue);//父类方法} 转载于:https://www.cnblogs.com/cuijinlong/p/6472527.html
javascript调用父窗口（父页面）的方法
风中落叶
07-09 1万+
window.parent与window.opener的区别 javascript调用主窗口方法 1：   window.parent 是iframe页面调用父页面对象 举例: a.html Html代码 html>      head>title>父页面title>head>  body>      form name="form1"
JS子页面调用父页面函数，监听刷新事件
最新发布
z16638522031的博客
12-20 434
我们先来说说什么是子页面，在我这里子页面就是域名一样，然后使用iframe引入的页面就是我所说的子页面我们可以通过这个方法来调用父页面的函数后面写上一个点，点的后面写你要调用的父页面的函数，也可以通过调用的父页面的函数在它的小括号里面传你想传入的参数，在父页面可以使用行参来获取子页面传过来的参数。
使用JS实现子页面调用父页面的函数
kuanglian0的博客
06-21 6851
使用JS实现子页面调用父页面的函数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值