JS/jquery获取iframe内部元素和ifame中获取外部元素

最新推荐文章于 2024-02-26 16:36:39 发布

皮皮猴我们走

最新推荐文章于 2024-02-26 16:36:39 发布

阅读量6.5k

点赞数 2

分类专栏： js 文章标签： js

js 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了如何在不同iframe间进行元素交互的方法，包括从外部获取iframe内部元素和从内部获取外部元素的两种情况，提供了js和jq的具体实现代码。

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

1、从外部获取iframe内部元素方法：

　js : window.frames['frame'].document.getElementById("imglist");   //frame为iframe的name值/ID值。

　jq : $(window.frames['frame'].document.getElementById("imglist"));  //frame为iframe的name值/ID值。

2、从内部获取外部的元素方法：

　js ：window.parent.document.getElementById("btnOk");

　jq : $("#confirmq",parent.document);

原文：https://www.cnblogs.com/ckf1988/p/5803746.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

皮皮猴我们走

关注关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【项目实战】动态修改，js与jQuery 获取父窗、子窗的iframe

本本本添哥

12-08

554

Jquery获取iframe中的元素在Iframe中获取父窗体的元素方法。

JavaScript_在layer弹出层按钮事件中获取iframe内元素的研究

宫廷渔夫

05-29

5079

官方文档基本无表述，供大家参考。 layer.open({ type: 2, skin: 'layui-layer-molv', title: "LS_MAN SHARE", area: ['100%', '100%'], ...

参与评论您还未登录，请先登录后发表或查看评论

JS/jQuery--iframe框架内外元素的操作

小郑的博客

12-07

1518

两个问题：如何在父页面操作iframe框架内的元素？如何在iframe框架内操作父页面的元素？解决上面两个问题的关键是，如何获取两者之间的document文档如何在父页面

jQuery取得iframe中元素的几种方法

weixin_34054866的博客

12-06

126

为什么80%的码农都做不了架构师？>>> ...

Jquery 获取iframe中的元素

hudeyong926的专栏

07-21

1979

由于公司项目开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。在iframe中获取父窗口的元素 // 格式： $('#父窗口中的元素ID',parent.document).click(); // 实例： $('#btnOk',parent.document).click(); 在父窗口中获取iframe中的元素 // 格式： $("#iframe的ID").contents().find("#iframe中...

Jquery获取iframe中的元素

andy_longjie的博客

09-22

232

iframe与父页面之间相互获取元素的方法： 1、从父页面中获取iframe页面中的元素：用法： $(window.frames["iframe_include_adverse"].document).find() 如：$(window.frames["iframe_in...

Js/Jquery获取iframe中的元素

碎火流荧的博客

06-22

525

在父窗口中获取iframe中的元素 1 2 3 4 5 6 7 8 9 10 11 格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementById("btnOk").click(); ..

JQuery与iframe交互实现代码

12-07

相反，如果要在父页面中获取iframe内的元素，首先需要获取到iframe的引用，然后使用`.contents()`方法来获取iframe的内容，接着使用JQuery选择器找到目标元素： ```javascript // 获取iframe的引用 var iframe = $...

JQUERY实现iframe页面切换功能

05-09

在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了JavaScript的DOM操作，事件处理，动画设计以及Ajax交互。本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能，以便于创建更丰富的用户...

【CEF】CEF跨域，CEF跨域调用IFrame中的元素即在IFrame（跨域）中执行JS脚本

Logerlink的博客

08-21

3180

目的：在CEF中允许JS跨域访问，即使用JS代码调用主页面的IFrame中的元素解决方案： 1.在构造函数初始化方法中加入BrowserSettings的设置 BrowserSettings.WebSecurity = CefState.Enabled; 此方案方便快捷，简单又易用，如果没什么特殊情况，这样做就很好 2.将JS由主页面注入到对应的IFrame中，再由js去处理IFra...

jquery 在 iframe中查找元素的问题

weixin_33743703的博客

05-15

215

2019独角兽企业重金招聘Python工程师标准>>> ...

在iframe中获取iframe外的元素方法小记

hongmy94的博客

11-20

2713

项目中有一个页面是iframe嵌入的弹窗，需要获取弹窗容器高度，让高度根据内容进行变动 $('body', window.parent.document).find('需要的元素').css('height','50%')

js、jquery 获取iframe内外元素

lxm_bey的专栏

08-16

950

在iframe里面获取父页面元素 $('#objId', parent.document); 在父页面获取iframe里面元素 $("#objid",document.frames('iframename').document);

Jquery Javascript 取得iframe中元素的几种方法

最新发布

乔的博客

02-26

825

【代码】JS/jquery获取iframe内部元素和ifame中获取外部元素精华。

js 获取 iframe 页面元素

Goaread的博客

12-19

2万+

操作 iframe 必须掌握的父子页面关系及常用的操作方法，理解其中的联系。 <iframe id="myframe" src='<c:url value="/base/server/report/report.do?REPORT_ID=${param.REPORT_ID}"/>' height="100%" width="100%"></iframe> 通过父页面操作子页面获取 iframe 页面中的元素操作 javascript jquery

jquery父页面操作iframe里面的元素以及iframe操作父页面的元素

wangyibo5843的专栏

06-17

455

父页面操作iframe里面的元素： $("#main-frame").contents().find("#wapUrl").val(); #main-frame为需要操作的iframe，$wapUrl为要操作的iframe里面的元素 iframe页面操作父页面中的元素： $(window.parent.document).find("#url").attr('href')

iframe的用法以及怎么获取iframe的元素

m0_74641039的博客

01-07

3410

讲解iframe的使用以及元素获取

jquery嵌入ifame控制滚动

06-06

可以通过以下代码在iframe中嵌入jQuery并控制滚动：在iframe中引入jQuery： ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 然后，通过以下代码控制iframe的滚动： ```javascript $(document).ready(function() { // 获取iframe元素 var iframe = $('#yourIframeId')[0]; // 监听iframe中的滚动事件 $(iframe).on('load', function() { $(iframe).contents().scroll(function() { // 控制iframe滚动 // 例如：$(iframe).contents().scrollTop(100); }); }); }); ``` 其中，`yourIframeId`是你的iframe元素的id。你可以在控制台中打印`iframe`变量来查看获取到的iframe元素是否正确。