父页面调用iframe子页面的方法

最新推荐文章于 2021-12-26 19:03:04 发布
最新推荐文章于 2021-12-26 19:03:04 发布
阅读量840 收藏 2
点赞数 1
分类专栏： JS jsp web前端 文章标签： js jsp web iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41991473/article/details/103677614
版权
JS 同时被 3 个专栏收录
12 篇文章 1 订阅
订阅专栏
web前端
11 篇文章 1 订阅
订阅专栏
jsp
3 篇文章 0 订阅
订阅专栏

1.子页面在父页面嵌入iframe页面：

<iframe src=' /index.jsp ' width='100%' height='100%' frameborder='0'   id='iframeID'></iframe>

2.设子页面有方法：

function getResult(){ }

3.父页面调用子页面方法：

$("#iframeID")[0].contentWindow.getResult()

weixin_41991473
关注
专栏目录
iframe中子父窗口互调的js方法
weixin_30498807的博客
08-31 1572
一、父窗口调用iframe子窗口方法1、HTML语法：<iframe name="myFrame" src="child.html"></iframe>2、父窗口调用子窗口：myFrame.window.functionName();3、子窗品调用父窗口：parent.functionName();简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行...
Jquery调用iframe父页面中的元素及方法
11-24
在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。 首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...
在父页面调用子页面的JS方法
12-12
今天弄了一天了，终于在网上找到了解决办法 注意：问题是在父页面调用子页面的方法。。。。。 父页面：parent.html 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html; charset=utf
iframe 父窗口和子窗口相互的调用方法集锦
热门推荐
wonsoft的专栏
01-02 4万+
iframe 父窗口和子窗口相互的调用方法集锦一、父窗口调用iframe子窗口方法1、HTML语法： 2、父窗口调用子窗口：myFrame.window.functionName();3、子窗品调用父窗口：parent.functionName();简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行4、父窗口页面源码：html>   head> 
在父页面调用子页面的方法
amk40260的博客
09-29 123
今天弄了一天了，终于在网上找到了解决办法 注意：问题是在父页面调用子页面的方法。。。。。 父页面：parent.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l...
父页面调用子页面的方法
weixin_46028318的博客
07-19 268
项目场景： 提示：vue在父级页面调用子级页面方法的时候 给子级页面绑定ref属性 # 然后在methods中写方法调用子级页面中方法
iframe父页面与子页面通信及相互调用方法
09-13
"iframe父页面与子页面通信及相互调用方法"是一个重要的主题，涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面（Parent Page）**：包含`iframe`...
js中iframe调用父页面的方法
01-19
子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数，就写成： 代码如下:window.parent.a(); 但是我在chrome浏览器下却发现此...
iframe子父页面调用js函数示例
12-12
本篇文章将详细讲解如何在`iframe`子页面调用父页面的JS函数以及反之的操作。 ### 1. 子页面调用父页面的JS函数 在`iframe`子页面中，要调用父页面的JavaScript函数，可以使用`window.parent`对象来引用父窗口。...
父页面调用iframe内部的方法
AdamShyly的博客
12-26 648
document.getElementById("ifame的Id").contentWindow.fun1(); //但有时候会出现未定义的报错是因为子页面还未加载完毕
父窗口调用iframe子窗口方法
03-14
NULL 博文链接：https://terryang.iteye.com/blog/292913
在iframe中调用js父页面和子页面方法
08-08
NULL 博文链接：https://747017186.iteye.com/blog/1985110
js父页面调用iframe内的方法
烟锁风月
10-12 300
欢迎大家加入京东淘宝捡垃圾群：698433653 $("#iFrame")[0].contentWindow.saveFile(); 欢迎大家加入京东淘宝捡垃圾群：698433653
父/子页面方法调用
以爱护甲,爱满枫林。
05-28 3421
父页面/子页面相互调用关系（三种情况）： 1.父页面采用window.open()方式打开子页面 【父页面调用子页面】 var child = window.open(); // child为子页面对象 child.method(); // method为子页面方法 【子页面调用父页面】 window.opener.method(); // opener为父页面对象，method为父页面方法 2.父页面采用window.showModalDialog()方式打开子页面 【父页面调用子页面】 父页面只能取到子
父页面和子页面方法相互调用
Yj229的专栏
11-18 752
直接看代码：父页面有个div：<!--打开iframe --> <div id="win" > </div> 父页面调用方法处理事物 <a onclick="showWindow('xxx','photosNames','photos','photos_up_file','2')" class="easyui-linkbutton">上传</a>//方法showWindow（）func
父窗口调用子窗口iframe方法
weixin_34075551的博客
08-11 67
此方法IE & FF都能正常工作。 1 document.getElementById('iframeID').contentWindow.iframefunction(); 转载于:https://www.cnblogs.com/littleboywei/archive/2012/08/11/2633784.html
html 调用父页面方法,iframe父页面调用子页面方法和iframe子页面调用父页面方法...
weixin_33278577的博客
06-03 255
iframe父级页面与子级页面互相调用js的方法iframe父级页面调用子级页面：请注意在使用chorme测试时，一定要在服务端下测试，否则会报跨页传值错误Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.document.getElementById("ifr...
父页面调用子页面iframe js 方法
趴趴熊的博客
11-23 402
window.frames[i].fn()//fn为frame中定义的方法，i表明页面中第i+1个frame 也可以用window.framename.fn()//不同的是framename是frame的name 属性的值 如： "fun">  window.fun.fn(); 使用 window.fun.fn();可以实现
父页面能调用子iframe页面内的方法吗
最新发布
07-12
是的，父页面可以调用子iframe页面内的方法。以下是一种常见的方法： 首先，确保子iframe页面和父页面在同一个域内，否则会受到同源策略的限制。 在父页面中，可以通过以下步骤调用子iframe页面内的方法： 1. 获取iframe元素对象：可以使用JavaScript的`document.getElementById`或其他选择器方法获取对应的iframe元素对象。 2. 使用`contentWindow`属性获取到iframe窗口对象，例如：`var iframeWindow = iframeElement.contentWindow;` 3. 通过窗口对象，即可访问子iframe页面内的全局方法和属性。例如，如果子iframe页面内有一个名为`childMethod`的方法，可以通过以下方式调用：`iframeWindow.childMethod()`。 需要注意的是，上述方法假设子iframe页面已经加载完毕并且位于同一个域内。如果涉及到跨域通信或在子iframe加载完成前调用子页面内的方法，可能需要使用其他技术手段，例如使用postMessage API来实现跨域通信或等待子iframe加载完成后再进行调用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值