jQuery调用指定iframe页面内的方法

最新推荐文章于 2023-05-26 11:28:04 发布
转载 最新推荐文章于 2023-05-26 11:28:04 发布 · 6.5k 阅读 · 2

本文提供了一种在不同浏览器中实现父窗口与iframe子窗口交互的方法，通过jQuery调用子窗口中的方法并操作DOM元素。

传统的那类方法不能兼容多种浏览器，下边的可以。


$(window.parent.document).contents().find("#iframeID")[0].contentWindow.initPagerList();


说明： iframeID 为iframe的ID；
       initPagerList 为 iframe 页面内的方法。

<html>

<head>

  <title></title>

  <script>

    $(function(){

        /*

          说明： iframeID 为iframe的ID；

          initPagerList 为 iframe 页面内的方法。

        */

        //调用iframe页面iframeID中的initPagerList方法

        $(window.parent.document).contents().find("#iframeID")[0].contentWindow.initPagerList();

        //获取iframe页面iframeID中的文本框txtControlID对象

        var txtControlObj=$(window.parent.document).contents().find("#iframeID")[0].contentWindow.find("#txtControlID");

        //为iframe页面iframeID中的文本框txtControlID赋值

        txtControlObj.val("我就是你需要设置的内容值！");

    });

  </script>

</head>

<body>

 

</body>

</html>

robake
关注
使用jQuery调用iframe内部的方法
TechWhizKid的博客
10-03 714
在web开发中，经常会遇到需要在一个iframe中调用内部方法的情况。jQuery是一个流行的JavaScript库，它提供了简化操作DOM和处理事件的方法。方法来获取iframe内部的文档对象。然后，你就可以像操作普通的HTML文档一样操作iframe内部的文档了。在点击事件的回调函数中，你可以执行你想要调用的方法。总结起来，要使用jQuery调用iframe内部的方法，你需要获取iframe的引用，然后使用。方法获取iframe内部的文档对象，再通过选择器和事件绑定来操作内部的DOM元素和调用方法。
Jquery调用iframe父页面中的元素及方法
10-21
对于javascript操作iframe父级页面元素的方法，大家应该都非常清楚了，下面结合当前非常流行的jquery分享一下如何使用jquery查找和操作iframe父级页面元素的实现代码。
jquery访问IFRAME
flycomos_lee的博客
11-11 469
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法： 父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框： $(window.fra...
JQuery调用iframe子页面函数/对象的方法
weixin_30455067的博客
02-09 261
fromhttp://my.oschina.net/u/857043/blog/97896 JQuery调用iframe子页面函数/对象的方法例子： 父页面有个ID为mainfrm的iframe，iframe连接b.html，该页面有个函数test 在父页面调用b.html的test方法为： $("#mainfrm")[0].contentWindow.test(); 转载于:https...
jQuery基于ID调用指定iframe页面内的方法
10-22
要调用iframe页面内的方法，首先需要获取到iframe的`contentWindow`属性，这是一个指向iframe内页面全局作用域的引用。然后，我们可以通过这个引用来调用该页面内的函数或访问其对象。以下是一个示例： ```...
jQuery实现跨域iframe接口方法调用
10-24
jQuery提供了一种解决方案，通过利用`postMessage` API来实现跨域iframe接口方法的调用。 同源策略是浏览器安全策略的一部分，它规定只有相同协议、主机名和端口的页面才能相互访问其资源。但在实际应用中，比如...
jQuery操作iframe中js函数的方法小结
weixin_30755709的博客
08-16 170
jQuery操作iframe中js函数的方法小结 1、jquery操作iframe中的元素（2种方式） var tha = $(window.frames["core_content"].document).find("#trewuuu").html(); var thb = $("#core_content").contents().find("#trewuuu").html(); ...
jquery操作iframe的方法：父页面和子页面相互操作（九种情况）
热门推荐
xiaouncle的博客
05-23 1万+
现实开发中难免会遇到子页面、父页面相互操作的情况，由于时不时地会遇到几次（不是一次），所以就整理了一下父子页面相互相互调用常见的九种情况，作为自己的备忘录，同时也希望对大家有帮助。 一、子页面C1操作父页面P（下述三个方法写在子页面C1中） //获取父页面P中控件的值, btnParent1是子页面C1中的按钮 $("#btnParent1").click(function () { ...
jQuery取得iframe中元素的常用方法详解
11-23
本文实例分析了jQuery取得iframe中元素的常用方法。分享给大家供大家参考，具体如下： jquery取得iframe中元素的几种方法： 在iframe子页面获取父页面元素 代码如下: 复制代码 代码如下:$(‘#objId’, parent.document); 搞定… 在父页面 获取iframe子页面的元素： $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html() 显示iframe中body
jquery 操作iframe的几种方法总结选择器
qq_32722591的博客
05-26 4928
("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。
jQuery 互相调用iframe页面中js的方法
weixin_33872566的博客
07-05 896
1，子iframe内调用父类函数方法： window.parent.func(); 2，子Iframe中获取父界面的元素： $("#xx", window.parent.document); 这个xx就是父界面中要获取的元素的ID。 3，jquery 调用子iframe页面中js的方法： iframefunction()是子页面的方法 $(window.parent...
jquery 操作iframe的几种方法总结
weixin_30699463的博客
08-27 157
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法： 父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框： $(window.frame...
jquery调用子iframe页面中js的方法
firseve的专栏
08-13 245
jquery调用子iframe页面中js的方法 [code="java"] $("#frame1").contents().find("#btnFinish").attr("disabled", "disabled"); [/code]
jQuery操作iframe中元素，方法，变量
sy_lu的专栏
01-23 1153
1、在iframe中查找父页面元素的方法： $('#id', window.parent.document) 2、在父页面中获取iframe中的元素方法： $(this).contents().find("#suggestBox") 3、在iframe中调用父页面中定义的方法和变量： parent.method parent.value 4、父页面调用iframe内的JS的方法
js/jquery 操作iframe的几种方法
ranweizheng的专栏
02-13 779
文章转自：http://blog.youkuaiyun.com/liujs_vb/article/details/7544779 or http://hi.baidu.com/shuzheng/item/b0e461c1a92cb6c3984aa084 iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 对于iframe框架：
html 调用父页面元素,Jquery调用iframe父页面中的元素及方法
weixin_39901213的博客
06-03 171
一、在iframe中查找父页面元素的方法：$(‘#id', window.parent.document)二、在iframe中调用父页面中定义的方法和变量：parent.methodparent.value三、实例父页面：var hello = 'hello';function getHelloWorld() {alert('hello world');}default.aspx子页面$(func...
JQuery调用iframe父页面元素与方法
05-31
可以使用以下代码在iframe中调用父页面元素与方法： 1. 调用父页面元素： ``` $(parent.document).find('#elementID') ``` 其中，`elementID`是父页面中要调用的元素的ID，可以根据情况修改。 2. 调用父页面方法...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值