js iframe当前页面与子页面中方法的互相调用

最新推荐文章于 2023-01-06 14:40:31 发布
原创 最新推荐文章于 2023-01-06 14:40:31 发布 · 2.2k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#iframe #firefox #浏览器 #测试 #ie
本文详细介绍了如何在IE和Firefox浏览器下实现父窗口JS函数调用iframe窗口函数的方法，对比了两种不同的调用方式，并解释了它们在实际应用中的区别与限制。

 window.frames["iframeName"].functionName();

经测试，在IE和Firefox浏览器下，均正常运行。

而使用document.getElementById('iframeId').functionName();则会报错。

---------------------------------------------------------------------------------------------------------------------------------

父窗口js函数调用，parent.window.functionName();

 

JS 在iframe子页面中调用和获取iframe父页面的方法和元素，以及在firame父页面中调用和获取iframe子页面的方法和元素
旭东怪的博客
09-19 8597
1、在子iframe中调用父窗口的方法 test()是父窗口中的方法。 window.parent.test(); 2、在子iframe中获取父窗口的元素 test是父窗口中的元素。 $("#test",window.parent.document).val(); $("#test",parent.document).val(); ...
js子页面调用父页面方法与父页面调用子页方法
weixin_44512123的博客
08-17 3万+
在做项目中都会存有主页面子页面。子页面嵌套中主页面中，主页面有主的方法，子页面有字面的方法，通常的方法是点击主页面选项打开子页面。但是我这里我要从子页面就是房态图，因为主页面和房态中有一些方法是相同，就是说从房态图中打开模态框，同时也可以从主页面打开这个模态框。也是说我这次的问题是如何从主页面中调用子页面中的方法?就想下图所示嘛，模态框已经在房态图中实现了，打开是同样的模态框总不会在主...
iframe子页面与父页面间的方法，属性互相调用
AI菜鸡，NLP领域，至今为发不出论文掉头发
08-29 1293
以下方式亲测可以使用 1.建议一个动态web工程，本人使用的是eclipse，建立两个jsp页面及一个jquery插件，一个是父页面，一个子页面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path =...
IFrame子窗口JS方法互相调用和传参
jastar的专栏
10-15 1万+
<br />child1.html和child2.html都是父页面parent.html中的一个子iframe，请看child1.html如何调用child2.html中的方法。<br /> parent.html<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Con
js如何调用iframe页面里的方法
hunt_er的博客
08-29 9296
在写页面时常常需要弹出iframe页面，而iframe页面的内容是另一个页面，比如，弹出iframe的里面是一个表单（另一个页面），这样在父页面怎样调用子页面的方法呢？ 经过一番摸索，发现采用如下js即可成功调用 //用widow属性获取iframe的dom对象的name，得到窗口对象 var iframeWin = window[$(iframe)[0]['name']]; iframeWin.check(); //check()即子页面的方法，和子页面调用规则一样 总结就是两条， 1.
父页面调子iframe页面方法和子iframe调用父页面方法
weixin_42596278的博客
05-07 6831
一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent...
在父页面调用iframe子页面的JS方法
热门推荐
heartbeaty的专栏
02-18 4万+
parent function parentFunction() { alert('function in parent'); } function callChild() { child.window.childFunction(); /* child 为iframe的name属性值， 不能为id，因为在FireFox下id不能获取iframe对象 */ }
js/iframe 子页面调用父页面方法与父页面调用子页方法
weixin_44547914的博客
12-23 2164
博客转载于 https://blog.csdn.net/weixin_44512123/article/details/99698419 在做项目中都会存有主页面子页面。子页面嵌套中主页面中，主页面有主的方法，子页面有字面的方法，通常的方法是点击主页面选项打开子页面。但是我这里我要从子页面就是房态图，因为主页面和房态中有一些方法是相同，就是说从房态图中打开模态框，同时也可以从主页面打开这个模态框。也是说我这次的问题是如何从主页面中调用子页面中的方法?就想下图所示嘛，模态框已经在房态图中实现了，打开是同样的模
iframe父页面与子页面之间的元素获取与方法调用
CAO11021的博客
02-22 4419
父页面与子页面之间的元素获取与方法调用： 1、JS 父调子方法： window.onload = function () { 1、 document.getElementById("子页面元素ID").contentWindow.子页面方法名; 2、 document.getElementsByTagName("子页面元素标签名")[i].contentWindow.子页面方...
利用JQuery、js操作iframe父页面、子页面的元素和方法汇总
lyn1772671980的博客
04-12 3015
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录，这个使用纯JS也可以实现。下面话不多说了，来一起看看详细的介绍吧。 第一、在iframe中查找父页面元素的方法： 1 $('#id', window.parent.document) 第二、在父页...
iframe父子页面调用方法及传参
QUX轻博客
12-12 2113
在用 iframe的时候，不得不对子页面或父页面进行操作，或者传递参数，这时就需要用独特的方法实现了，实现办法也简单： 案例中，父级页面通过 iframe获取子页面的参...
关于layui iframe弹出层 父页面与子页面
Khun_HWJ的博客
05-26 4374
1、layer弹框父页面调用子页面的方法 var minSpeak = layer.open({ type: 2, min: function(){ $('.layui-layer').css({ 'top': 'auto', 'left': 'auto', 'bottom': '27px', 'right': '0' }) }, success: func...
Vue，嵌入iframe中的子页面，调用父页面方法
彭珂个人网的博客
01-06 6369
父页面：a.vue 中，嵌入了 iframe 标签，src为子页面路径： 二、假设子页面是 b.vue 那么在子页面中，想要调用父页面中的 homePageCallBack 方法，如果你是前端开发者，子调父的方法一般会尝试： 1、window.parent.homePageCallBack();2、this.$parent.homePageCallBack();等等实际上，你也是因为上面的方式，无法调用成功，才来搜的，哈哈哈哈~1、首先在父页面 a.vue 中的mounted中加入如下代码： 其
html 同一页面两iframe互传值,解决同一页面中两个iframe互相调用jquery,js函数的方法...
weixin_39717110的博客
06-03 816
解决同一页面中两个iframe互相调用jquery,js函数的方法这一个月又没更新博客，唉，懒癌又犯了，今天解决了一个问题，关于两个iframe互相调用jquery函数方法a.html中有两个iframe,如下：b.html中有一个treeview,称为左菜单iframec.html为b.html中treeview点击后显示的数据,就称为右页面iframe。既然两个页面之间都有关系，存在在a.ht...
js实现iframe跨页面调用函数的方法
chenqianggang的专栏
12-13 3173
这篇文章主要介绍了js实现iframe跨页面调用函数的方法,实例展示了iframe中父页面调用子页面和子页面调用父页面的实现技巧,非常具有实用价值,需要的朋友可以参考下 　　本文实例讲述了js实现iframe跨页面调用函数的方法。分享给大家供大家参考。具体实现方法如下： 　　在项目中难免会遇到这样一个问题就是页面引入了IFrame并且需要父页面调用子页面函数或者子页面需要调用父页面函数
在iframe中调用js父页面和子页面方法
jhhuang4836的专栏
12-04 538
在iframe中调用父页面和子页面js方法： 今天朋友问我：a页面用iframe引入b页面，而此时要在a页面怎么调用iframe所引入b页面里的方法，很熟悉，但就是忘记了，后来百度下，才晓得，主要通过window.frames["name属性"].方法名（），也就是iframe中的name属性，b页面调用a页面中的方法略过看代码吧 index.html &lt;html&gt;&lt;h...
解决同一页面中两个iframe互相调用jquery,js函数
wwf1225的博客
03-12 454
https://www.cnblogs.com/edisoner/p/6118368.html 解决同一页面中两个iframe互相调用jquery,js函数 关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下： <iframe width="100%" height="100%" name="left" scrolling="auto" fr...
利用JQuery操作iframe父页面、子页面的元素和方法汇总
lovesman的博客
05-29 2211
前言 iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录，这个使用纯JS也可以实现。下面话不多说了，来一起看看详细的介绍吧。 第一、在iframe中查找父页面元素的方法： $('#id', window.parent.document) 第二、在父页面中获取iframe中的元素方法： $(this).contents().find("#suggestBox") ##第三、在iframe中调用父页面中
js iframe 父页面调用子页面方法
qq_40615333的博客
04-14 3190
iframe 父页面调用子页面方法 子页面 <script type="text/javascript"> function test(){ console.log("test") } </script> 父页面 <iframe src="./MaterialList.html" id="materialList" name="materialList" style="width:99%"></iframe> var iframe = document.
js 赋值 包含 单引号 双引号 解决方法
06-25 6925
<br />我的页面是jsp页面，里面包含一个参数：lefttree，<br />这个lefttree是从后台拼出来的，内容是html代码：如:<br /><div class="test" onclick="show('tt1','abc')"><br />在jsp页面中，需要通过js代码将这个值付给一个div，如下：<br /><script type="text/javascript"> window.parent.document.getElementById('mptree').inne
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值