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

最新推荐文章于 2023-05-26 11:28:04 发布
最新推荐文章于 2023-05-26 11:28:04 发布
阅读量1k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 js jQuery 文章标签： iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qubernet/article/details/82920934
本文介绍了一种通过JavaScript操作iframe内部元素的方法，包括调用iframe内的函数和为特定控件赋值。具体实现方式涉及使用jQuery选择器选取iframe并访问其内容窗口。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

$(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>

 

使用jQuery调用iframe内部的方法
TechWhizKid的博客
10-03 634
在web开发中，经常会遇到需要在一个iframe中调用内部方法的情况。jQuery是一个流行的JavaScript库，它提供了简化操作DOM和处理事件的方法。方法来获取iframe内部的文档对象。然后，你就可以像操作普通的HTML文档一样操作iframe内部的文档了。在点击事件的回调函数中，你可以执行你想要调用的方法。总结起来，要使用jQuery调用iframe内部的方法，你需要获取iframe的引用，然后使用。方法获取iframe内部的文档对象，再通过选择器和事件绑定来操作内部的DOM元素和调用方法。
jQuery基于ID调用指定iframe页面内的方法
11-22
本文实例讲述了jQuery基于ID调用指定iframe页面内的方法。分享给大家供大家参考，具体如下： 复制代码 代码如下:$(window.parent.document).contents().find(“#iframeID”)[0].contentWindow.initPagerList(); 说明： iframeID 为iframe的ID； initPagerList 为 iframe 页面内的方法。 <html> <head> <title></title> [removed] $(function(){ /* 说明： iframeID 为iframe的ID；
jQuery 互相调用iframe页面中js的方法
weixin_33872566的博客
07-05 881
1，子iframe内调用父类函数方法： window.parent.func(); 2，子Iframe中获取父界面的元素： $("#xx", window.parent.document); 这个xx就是父界面中要获取的元素的ID。 3，jquery 调用子iframe页面中js的方法： iframefunction()是子页面的方法 $(window.parent...
jquery父窗口与iframe中js方法互相调用
才子佳人的博客
10-31 5760
1，子iframe内调用父类函数方法： window.parent.func(); 2，子Iframe中获取父界面的元素： $("#xx", window.parent.document); 这个xx就是父界面中要获取的元素的ID。   3，jquery 调用子iframe页面中js的方法：  iframefunction()是子页面的
JS页面跳转和js对iframe进行页面跳转、刷新
01-30
JS页面跳转和js对iframe进行页面跳转、刷新
Jquery调用iframe父页面中的元素及方法
11-24
在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。 首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...
jQuery实现跨域iframe接口方法调用
10-24
jQuery提供了一种解决方案，通过利用`postMessage` API来实现跨域iframe接口方法的调用。 同源策略是浏览器安全策略的一部分，它规定只有相同协议、主机名和端口的页面才能相互访问其资源。但在实际应用中，比如...
jquery 操作iframe的几种方法
Hi,are u have one potato?
05-08 2万+
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法： 父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框： $(window.f
Jquery如何获得<iframe>嵌套页面中的元素
weixin_34290352的博客
04-18 1018
DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作 选中IFRAME中的所有输入框： $(window.frames["iframeSon"].document).find(":text");在IFRAME中操作 选中父窗口中的所有输入框...
jQuery操作iframe中js函数的方法小结
10-22
主要介绍了jQuery操作iframe中js函数的方法,结合实例形式总结分析了jQuery操作iframe中的元素、函数常用方法与注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
jquery操作iframe的方法：父页面和子页面相互操作（九种情况）
xiaouncle的博客
05-23 1万+
现实开发中难免会遇到子页面、父页面相互操作的情况，由于时不时地会遇到几次（不是一次），所以就整理了一下父子页面相互相互调用常见的九种情况，作为自己的备忘录，同时也希望对大家有帮助。 一、子页面C1操作父页面P（下述三个方法写在子页面C1中） //获取父页面P中控件的值, btnParent1是子页面C1中的按钮 $("#btnParent1").click(function () { ...
jquery 操作iframe的几种方法总结选择器
qq_32722591的博客
05-26 4814
("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。
jquery 调用子iframe页面中js的方法
beautifulsarah的博客
02-09 7868
 $("#frame1")[0].contentWindow.setEnabled(); 调用iframe页面中元素 $("#frame1").contents().find("#btnFinish").attr("disabled", "disabled");
JQuery调用iframe子页面函数/对象的方法
weixin_30455067的博客
02-09 247
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设置父窗口的值
cqxl999的博客
01-20 283
$(window.parent.document).contents().find("#zhs").val(newtext);
iframe中访问父页面的元素
weixin_33866037的博客
11-15 388
iframe调用父页面函数：window.parent.wode(); iframe访问父页面控件：window.parent.document.getElementById('xxxx') iframe访问父页面的全局变量：window.parent.xxxxx 父页面访问iframe中的变量：document.frames["iframe的name"].变量...
Jquery Javascript 取得iframe中元素的几种方法
热门推荐
一米阳光
09-19 11万+
<br />query取得iframe中元素的几种方法<br /> <br />在iframe子页面获取父页面元素<br /> 代码如下:<br /><br /> $('#objId', parent.document);<br /> // 搞定...<br /><br /><br /> 在父页面 获取iframe子页面的元素<br /> 代码如下:<br /><br /> $("#objid",document.frames('iframename').document)<br /> <br
JQuery调用iframe父页面元素与方法
05-31
可以使用以下代码在iframe中调用父页面元素与方法： 1. 调用父页面元素： ``` $(parent.document).find('#elementID') ``` 其中，`elementID`是父页面中要调用的元素的ID，可以根据情况修改。 2. 调用父页面方法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值