js中iframe方法调用

最新推荐文章于 2024-04-23 19:29:15 发布
最新推荐文章于 2024-04-23 19:29:15 发布
阅读量648 收藏
点赞数
分类专栏： web页面问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhoubin773636459/article/details/84198884
版权
1、iframe子页面调用 父页面js函数
window.praent.a();

2、iframe子父页面调用 子页面js函数
document.getElementById('ifrtest').contentWindow.b();
注：ifrtest是iframe框架的id，b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象，IE下可以省略。

3. A iframe的页面访问B iframe页面的内容。

parent.document.getElementById('B iframe的ID').contentWindow.document.getElementById('B iframe页面要访问的元素ID')

4. A iframe的3级页面访问B iframe页面的内容。

window.opener.opener.parent.document.getElementById(''B iframe的ID').contentWindow.document.getElementById('B iframe页面要访问的元素ID')
zhoubin773636459
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js如何调用iframe页面里的方法
hunt_er的博客
08-29 8704
在写页面时常常需要弹出iframe页面，而iframe页面的内容是另一个页面，比如，弹出iframe的里面是一个表单（另一个页面），这样在父页面怎样调用子页面的方法呢？ 经过一番摸索，发现采用如下js即可成功调用 //用widow属性获取iframe的dom对象的name，得到窗口对象 var iframeWin = window[$(iframe)[0]['name']]; iframeWin.check(); //check()即子页面的方法，和子页面调用规则一样 总结就是两条， 1.
Js-调用iframe页面方法
qq_26318597的博客
09-08 2610
js 调用iframe页面 方法
Iframe中的页面如何调用引用Iframe页面里的函数
最新发布
qq_52579875的博客
04-23 423
在Vue.js中，如果你想要在<iframe>内部调用父级组件的方法（如onClose），你需要确保能够跨域通信，因为同源策略通常阻止这种直接调用。
JS技巧：调用iframe中父页面/子页面中的JavaScript方法
Michael_Hu
03-23 1525
转自 说明：假设有2个页面，index.html和inner.html。其中index.html中有一个iframe，这个iframe的src指向inner.html。 我们现在要做的就是： 1.在index.html中调用inner.html上的一个js方法 2.在inner.html中调用index.html上的一个js方法实现代码如下：index.html1. 2. 3. 4.f
调用iframe中的js函数
dmkaadmk的专栏
06-13 4362
在父页面调用iframe中的函数     js var iframe = window.document.getElementById("iframeName");  iframe.contentWindow.methodName(); jquery var iframe2 = $("#iframeName")[0]; iframe2.contentWindow.methodN
js中iframe调用父页面的方法
01-19
本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下： 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了 ...
js调用iframe实现打印页面内容的方法
12-12
1、程序说明1) 此程序可以实现选择页面中的区域进行打印，以iframe方式进行打印；2) 与原生态的print() 区别在于，取消打印页面后可以完整保留当前访问页面的内容。2、代码部分 1) JS 函数： 代码如下:function do_...
Jquery调用iframe父页面中的元素及方法
11-24
一、在iframe中查找父页面元素的方法： $(‘#id', window.parent.document) 二、在iframe中调用父页面中定义的方法和变量： parent.method parent.value 三、实例 父页面： <%@ Page Language="C#" ...
js实现iframe跨页面调用函数的方法
10-25
然而，当涉及到不同页面间的交互，如父页面与iframe中的子页面之间调用彼此的函数时，就涉及到跨窗口通信的问题。以下将详细介绍如何使用JavaScript实现这种功能。 1. **父页面调用子页面的函数** 在父页面中，...
如何在iframe中调用js方法
jameskaron的专栏
05-20 2553
转自:https://stackoverflow.com/questions/1600488/calling-javascript-function-in-iframe 亲测可用, 复制如下: Calling a privacy-respecting XMLHttpRequest from an <iframe> HTML: <iframe id="iframe"></iframe> JavaScript: const iframe = d..
在iframe中调用js父页面和子页面方法
08-08
NULL 博文链接：https://747017186.iteye.com/blog/1985110
js调用iframe中的方法的一些问题
OliveXuan
03-13 1839
$('#FlowFormFrame')[0].contentWindow.saveFlowForm('1') 上面是我调用本页面中的一个iframe中的方法，但是总是接收不到方法的返回值,iframe中的方法如下 function saveFlowForm(state) { $("#state").val(state); ...
关于js调用iframe中函数方法不管用的一些提示
前端小渣渣
11-29 6890
记得在我以前写的一篇easyui dialog弹出框的注意事项中写有从iframe页面中调用iframe外面的函数，从而实现iframe子页面向父页面的传值与函数的调用，可以把iframe中的easyui dialog框在最外层显示，而不只是在iframe里，导致别的元素还能点击。      今天遇到个问题需要用js调用iframe里的函数，正好和以前相反。上网上搜了一下，几乎都是以下的例子~~
javascript调用iframe内的方法
uikoo9的专栏
04-08 983
document.getElementById('iframedemo').contentWindow.demofunction();
在父页面调用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中的方法
Quber
06-28 198
var v_Obj=document.frames("iframeName");v_Obj.iframeFunction(); 解释： 其中的frames代表根据iframe中的name属性来查找；iframeName为iframe中name属性的值；iframeFunction为iframe中的JS方法名称。...
iframe页面相互调用方法
韭菜的故事
07-25 1万+
最近的项目中嵌入了外部的iframe，想跨域调用自己页面的方法，点击iframe中的返回按钮，返回到父级的上一级页面，因为是自己的项目是单页应用，所以无法直接使用window.location.href，这个需求让我头疼了两天（包括衍生出来的问题），解决了这个问题之后我决定总结一下，首先从简单的开始： 基本概念： window.self: 当前窗口自身的引用 window.parent: 上...
iframe调用父页面js方法
04-12
其中，methodName 是父页面中的 js 方法名，通过 parent 关键字可以访问到父页面的全局对象，从而调用该方法。 而，笑话的内容是：什么计算机最容易发生故障？——康柏电脑，因为康柏电脑的主板太低了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值