JQuery调用iframe子页面函数/对象的方法

最新推荐文章于 2023-06-16 11:26:41 发布
最新推荐文章于 2023-06-16 11:26:41 发布
阅读量178 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/liaojie970/p/5630141.html
本文介绍了一种方法，即如何从父页面调用位于iframe中的b.html页面上的test函数。具体实现方式是通过使用jQuery选择器找到ID为mainfrm的iframe元素，并通过contentWindow属性访问其内部文档，进而调用所需的函数。

父页面有个ID为mainfrm的iframe，iframe连接b.html，该页面有个函数test

在父页面调用b.html的test方法为：

$("#mainfrm")[0].contentWindow.test();

转载于:https://www.cnblogs.com/liaojie970/p/5630141.html

メイ
关注
Jquery调用iframe父页面中的元素及方法
10-21
对于javascript操作iframe父级页面元素的方法，大家应该都非常清楚了，下面结合当前非常流行的jquery分享一下如何使用jquery查找和操作iframe父级页面元素的实现代码。
jquery调用iframe中的方法
08-02 234
FMS中，由于特殊的原因需要调用iframe内的方法，经过多次的测试实践，成功得出以下代码，该代码统一面向iframe，IE8火狐下测试通过$("iframe").each(function(){if(this.contentWindow.onEvent != null){this.contentWindow.onEvent(event)}});其中onEvent为iframe中的方法
jquery操作iframe的方法：父页面和子页面相互操作（九种情况）
热门推荐
xiaouncle的博客
05-23 1万+
现实开发中难免会遇到子页面、父页面相互操作的情况，由于时不时地会遇到几次（不是一次），所以就整理了一下父子页面相互相互调用常见的九种情况，作为自己的备忘录，同时也希望对大家有帮助。 一、子页面C1操作父页面P（下述三个方法写在子页面C1中） //获取父页面P中控件的值, btnParent1是子页面C1中的按钮 $("#btnParent1").click(function () { ...
Jquery 操作iframe的常用方法归类
charlesloong
04-01 904
JQuery操作iframe父页面与子页面的元素与方法 下面简单使用Jquery来操作iframe的一些记录，这个使用纯JS也可以实现。   第一、在iframe中查找父页面元素的方法：            $('#id', window.parent.document)  第二、在父页面中获取iframe中的元素方法：            $(this).contents()
iframe子父页面调用js函数示例
12-12
在`iframe`子页面中，要调用父页面的JavaScript函数，可以使用`window.parent`对象来引用父窗口。假设父页面有一个名为`a()`的函数，子页面可以这样调用它： ```javascript window.parent.a(); ``` 如果需要获取父...
利用JQuery操作iframe父页面、子页面的元素和方法汇总
10-19
本文将详细介绍如何使用JQuery操作`iframe`以及在父页面和子页面间进行元素和方法的交互。 首先，让我们来看看如何在`iframe`中查找或操作父页面的元素： 1. **在iframe中查找父页面元素**： ```javascript $('#...
jQuery操作iframe中js函数的方法小结
10-22
jQuery操作iframe中js函数的方法主要包括了对iframe元素的操作、对父页面元素的操作、在主页面中调用iframe的js函数以及在jQuery中调用iframe的js函数四个部分，每一个部分都有其特定的方法和注意事项。 首先，操作...
JQuery调用iframe父页面与子页面元素与方法（包含部分js实现）
杨柳11
06-16 426
这篇文章主要介绍了JQuery操作iframe父页面与子页面的元素与方法。需要的朋友可以过来参考下，希望对大家有所帮助 JQuery操作iframe父页面与子页面的元素与方法  下面简单使用Jquery来操作iframe的一些记录，这个使用纯JS也可以实现。  第一、在iframe中查找父页面元素的方法：  $('#id', window.parent.document).xxxx ...
父窗口调用iframe子窗口方法
03-14
NULL 博文链接：https://terryang.iteye.com/blog/292913
jquery 操作iframe的几种方法总结
weixin_30699463的博客
08-27 152
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法： 父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框： $(window.frame...
jquery 操作iframe的几种方法总结选择器
qq_32722591的博客
05-26 4830
("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。
JQueryiframe页面操作父页面中的元素与方法
Hi there
08-22 4399
1 在iframe中查找父页面元素的方法： $('#id', window.parent.document) 2 在iframe中调用父页面中定义的方法和变量： parent.method parent.value
iframe父页面调用子页面方法，并且获取数据（无跨域）
weixin_48195664的博客
06-16 3016
以上就是 iframe父页面调用子页面方法，并且获取数据（无跨域）最难部分就是跨越了。一定要注意：父子页面两边都要监听，子页面监听父页面传过来的参数，再根据参数判断调取哪个方法。父页面监听子页面传过来的数据。(注意：VUE的话将此方法写在mounted里边，如果是多次调取此方法的话，就换成window.onmessage=(e)=>{}2. 监听父页面传过来的参数来判断调取哪个方法。
iframe 父子页面方法调用
qq_42709302的博客
09-17 420
在写代码的时候经常会用到将一个网页嵌入到另一个网页中，w3c也规定了一个标签，这个标签本身就支持跨域，而且所有的浏览器都支持 iframe具有以下属性： 1、frameborder 设为1代表显示周围边框，设置为0不显示周围边框 2、height 设置iframe的高度 3、width 设置iframe的宽度 4、longdesc 属性值为URL 规定一个页面，该页面包含了有关 iframe 的较长描述 5、marginheight 定义 iframe 的顶部和底部的边距 6、marginwidth 定义
iframe父页面子页面相互调用方法
weixin_42782396的博客
09-12 3243
父页面寻找子页面元素：        window.frames["iframeName"].document.getElementsByClassName('div')[0]        $(document.getElementById("iframeId").contentWindow.document).find(".div")        $( window.frames["i...
iframe 父窗口和子窗口相互的调用方法集锦
weixin_34125592的博客
10-18 275
一、父窗口调用iframe子窗口方法1、HTML语法：<iframe name="myFrame" src="child.html"></iframe>2、父窗口调用子窗口：myFrame.window.functionName();3、子窗品调用父窗口：parent.functionName();简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行4、父窗口...
jquery 父页面调用子页面函数
最新发布
09-12
在Web开发中，jQuery允许我们通过各种方法来实现父子页面间的交互。父页面想要调用子页面的函数，可以通过...通过获取iframe的`contentWindow`属性，父页面可以访问子页面中定义的`childPageFunction`函数并进行调用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值