jquery contents方法 获取iframe元素

最新推荐文章于 2024-07-24 02:20:39 发布
最新推荐文章于 2024-07-24 02:20:39 发布
阅读量1.2k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/popping57/p/3369971.html
本文演示了如何使用jQuery的contents()方法访问并查找iframe内的特定元素，以实现跨域数据交互。

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

jquery的contents()访求可以获取iframe里面的元素，如

<iframe id="test" src="test.jsp"></iframe>

$("#test").contents().find("#testI");这句话的作用就是能够得到test.jsp里面的id为testI的节点

转载于:https://www.cnblogs.com/popping57/p/3369971.html

p是马甲
关注
jquery iframe contents
张玉龙
02-27 515
[code="js"] 返回值:jQuerycontents() 概述 查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容 示例 描述: 查找所有文本节点并加粗 HTML 代码: Hello John, how are you doing?jQuery 代码: $("p").contents().not("[nodeType=...
$("#form_iframe").contents().find('.nav-tabs').children().eq(2).hide();
weixin_33895695的博客
01-22 572
$("#form_iframe").contents().find('.nav-tabs').children().eq(2).hide(); 转载于:https://www.cnblogs.com/xiaotao520/p/10305879.html
$.contents().find设置的data在iframe子页面无法获取值
weixin_33753003的博客
02-26 1138
<iframe src="iframe16.html" id="iframe16" name="iframe16"></iframe> document.frames只有IE、Opera浏览器支持，等同于window.frames，用来获取window对象的集合。而在Firefox、Chrome、Safari浏览器中使用document.frames不能获取...
jquery 获取子框架 全部内容
weixin_30670745的博客
07-24 116
jQuery 获取子框架全部内容 在Web开发中，我们经常需要处理多框架页面，这时候可能会遇到需要获取子框架中的全部内容的情况。jQuery是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档操作、事件处理、动画和Ajax交互。本文将介绍如何使用jQuery来获取子框架中的全部内容。 1. 准备工作 首...
jquery访问IFRAME
flycomos_lee的博客
11-11 452
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法： 父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框： $(window.fra...
使用jquery/js获取iframe父子级、同级获取元素的方法
10-21
这里使用了jQuery的contents()方法来获取iframe内的document，然后用find()方法找到目标控件，并执行click()操作。我们还看到了另一种方式，即使用document.frames集合： ```javascript $("#iframe中的控件ID", ...
jQuery取得iframe中元素的常用方法详解
11-23
总结来说，jQuery提供了灵活的方式来获取和操作`iframe`中的元素，主要通过`contents()`、`find()`、`parent.document`等方法。然而，跨域限制必须始终牢记，只有在同源策略下，这些方法才能有效工作。在实际开发中...
jQuery获取与设置iframe高度的方法
01-19
本文实例讲述了jQuery获取与设置iframe高度的方法。分享给大家供大家参考，具体如下： 设置iframe的高度，iframe的高度由iframe中的页面高度决定。 1.首先获取到iframe中页面的高度： 复制代码 代码如下:var iframe...
使用Jquery获取iframe页面DOM元素的方法
最新发布
08-06
该函数通过$("#frame_1")选择器找到id为“frame_1”的iframe元素，然后调用.contents()方法获取iframe的文档内容，返回iframe的Document对象。接着，使用.find()方法在该文档中查找特定id的元素，如本例中的id为...
js操作Iframe(获取Iframe中的节点内容)
qq_41585377的博客
08-21 1万+
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式：window.frames[“iframe的name值”].document.getElementByIdx_x(“iframe中控件的ID”).click(); 实例：window.frames[“ifm”].d...
JQuery/JS获取iframe(父、子)页面元素
咏絮
07-10 1万+
var tbl = $("#Iframe").contents().find('body table.mTable'); tbl.find('tr:eq(9) td:eq(3) input').val(comment.Name); tbl.find('tr:eq(9) td:eq(5) input').val(comment.Sex);
怎么获取iframe里的html节点,获取iframe里的元素节点
weixin_29130369的博客
06-08 3304
页面有一个侧边的弹窗是用引入的:页面里，有个小图片，我想获取并添加点击事件：NO.73111741首先尝试的常规方法，在主页面里直接获取：variframe=document.getElementsByTagName('iframe')[0];vardoubleArrowRight=iframe.getElementById('call-id-doubleArrowRight')...
八戒踩坑之 js获取iframe框架中的内容
wolf23151269的博客
12-14 4828
今天踩了个坑 ,具体代码如下 我需要在第二个iframe中获取第一个iframe里面的dom节点，然后就开始直接调用 $('#我要的节点的id'，window.parent.document) 方式获取，结果失败了。 查询了下才知道 拿iframe 里面 有点特殊。必须先获取iframe的.contents()。 记录下避免二次踩坑 <div id="task-create-content" data-course-id="1" data-activity-id="0" class="t...
js跨域获取节点，利用iframe获得
sunsineq的专栏
04-13 1898
页面域关系： 主页面a.html所属域A：www.taobao.com 被iframe的页面b.html所属域B：www.alimama.com,假设地址：http://www.alimama.com/b.html 实现效果： A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小. 问题本质: js对跨域iframe访问问题,因为要控制a.html中ifra...
jquery 操作iframe的几种方法总结选择器
qq_32722591的博客
05-26 4812
("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。
js如何获取跨域iframe 里面content
weixin_30904593的博客
04-13 1347
每天学习一点点 编程PDF电子书、视频教程免费下载：http://www.shitanlife.com/code 其中src可能存在跨域。 现有的获取方式 var test = document.getElementsByClassName("iframeItem"); var content =test[0].contentDocument||test[0].con...
jquery知识点
qq_36223335的博客
10-29 205
目录iframe相关选择器查找元素dom操作css操作尺寸效果/动画jquery链事件ajax解决冲突 iframe相关 在iframe外层获取iframe内层的元素 //格式： $("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1 // 实例： $("#ifm").contents().find("#btnOk").click();//jquery 方法 //格式： $("#iframe中的控件ID",document.
jQuery调用指定iframe页面内的方法
robake的专栏
04-20 6528
传统的那类方法不能兼容多种浏览器，下边的可以。 $(window.parent.document).contents().find("#iframeID")[0].contentWindow.initPagerList(); 说明： iframeID 为iframe的ID；        initPagerList 为 iframe 页面内的方法。
jquery 父、子页面之间页面元素的获取，方法的调用
热门推荐
dwc2011的专栏
09-02 3万+
父、子页面之间页面元素的获取，方法的调用：
jQuery操作iframe：获取元素的实用技巧
以上方法对于开发者来说非常实用，特别是在需要跨域操作iframe元素时，可以通过这些方式实现通信和数据交换。但需要注意的是，由于同源策略的限制，只有当父窗口和iframe来源相同的情况下，才能直接操作对方的DOM，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值