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

最新推荐文章于 2024-10-27 00:13:24 发布
原创 最新推荐文章于 2024-10-27 00:13:24 发布 · 1.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#iframe

本文介绍了一种通过JavaScript操作iframe内部元素的方法，包括调用iframe内的函数和为特定控件赋值。具体实现方式涉及使用jQuery选择器选取iframe并访问其内容窗口。
$(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 714
在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；
JS页面跳转和js对iframe进行页面跳转、刷新
01-30
JS页面跳转和js对iframe进行页面跳转、刷新
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中js方法互相调用
才子佳人的博客
10-31 5785
1，子iframe内调用父类函数方法： window.parent.func(); 2，子Iframe中获取父界面的元素： $("#xx", window.parent.document); 这个xx就是父界面中要获取的元素的ID。   3，jquery 调用子iframe页面中js的方法：  iframefunction()是子页面的
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 1034
DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作 选中IFRAME中的所有输入框： $(window.frames["iframeSon"].document).find(":text");在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的几种方法总结选择器
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的方法：父页面和子页面相互操作（九种情况）
xiaouncle的博客
05-23 1万+
现实开发中难免会遇到子页面、父页面相互操作的情况，由于时不时地会遇到几次（不是一次），所以就整理了一下父子页面相互相互调用常见的九种情况，作为自己的备忘录，同时也希望对大家有帮助。 一、子页面C1操作父页面P（下述三个方法写在子页面C1中） //获取父页面P中控件的值, btnParent1是子页面C1中的按钮 $("#btnParent1").click(function () { ...
如何使用 JavaScript/jQuery 访问 iframe 的内容？
最新发布
HuntsBot的博客
10-27 1144
我想使用 jQuery 在 iframe 中操作 HTML。但是，这似乎不起作用。稍微检查一下，我发现 frames[‘nameOfMyIframe’] 中的变量是 undefined，除非我等待一段时间让 iframe 加载。但是，当 iframe 加载时，变量不可访问（我得到 permission denied 类型的错误）。有谁知道解决这个问题的方法？
jquery 调用子iframe页面中js的方法
beautifulsarah的博客
02-09 7881
 $("#frame1")[0].contentWindow.setEnabled(); 调用iframe页面中元素 $("#frame1").contents().find("#btnFinish").attr("disabled", "disabled");
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调用iframe页面方法、获取节点操作
公子的专栏
07-17 2500
父页面中iframe标签的id为“mainFrame”，调用iframe中方法的方式： $("#mainFrame")[0].contentWindow.removeProj(); 操作iframe中节点的方式为： $("#mainFrame")[0].contentWindow.$("#loadHiden").val();
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、付费专栏及课程。

余额充值