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

最新推荐文章于 2024-02-26 16:36:39 发布
最新推荐文章于 2024-02-26 16:36:39 发布
阅读量6.5k 收藏 6
点赞数 2
分类专栏： js 文章标签： js
本文介绍了如何在不同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

嵌套iframe页面做打印去掉页眉页脚
阿毛的博客
01-18 3800
iframe.contentWindow.print()打印局部页面时，去掉页眉页尾 <style media="print"> @page { size: auto; /* auto is the initial value */
JS/jQuery--iframe框架内外元素的操作
小郑的博客
12-07 1518
两个问题： 如何在父页面操作iframe框架内的元素？ 如何在iframe框架内操作父页面的元素？ 解决上面两个问题的关键是，如何获取两者之间的document文档如何在父页面
jQuery取得iframe中元素的几种方法
weixin_34054866的博客
12-06 127
为什么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 233
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操作详细解析
11-30
在网页开发中，`iframe` 用于嵌入外部页面或者创建页面分隔，使得内容展示更为灵活。jQuery 提供了一系列的方法，方便开发者对 `iframe` 进行操作。本篇文章将深入讲解如何使用 jQuery 操作 `iframe`。 ### 1. 改变...
iframe根据页面内容自适应高度和宽度
09-03
在网页开发中，`iframe`（Inline Frame）是一种嵌入其他网页的标签，常用于将外部内容如视频、地图或文章等内容嵌入到当前页面中。然而，由于`iframe`的大小固定，当嵌入的页面内容高度或宽度超过`iframe`设定的尺寸...
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
10-18
Layer是一款非常流行的JavaScript弹窗插件，它提供了丰富的弹出样式和功能，包括弹出iframe层。本篇文章将详细讲解如何在Layer弹出的iframe层执行完毕后自动关闭当前弹出层。 Layer弹出的iframe层通常用于加载外部...
精选5款jQuery弹出窗口插件推荐
1. **引入jQuery和插件**：要使用jQuery弹出窗口插件，首先需要在项目中引入jQuery库以及所选择的弹窗插件的JavaScript文件和CSS文件。 2. **初始化弹窗**：通过插件提供的方法（如`$(selector).fancybox()`），对...
jquery 在 iframe中查找元素的问题
weixin_33743703的博客
05-15 216
2019独角兽企业重金招聘Python工程师标准>>> ...
在iframe中获取iframe外的元素方法小记
hongmy94的博客
11-20 2714
项目中有一个页面是iframe嵌入的弹窗，需要获取弹窗容器高度，让高度根据内容进行变动 $('body', window.parent.document).find('需要的元素').css('height','50%')
js、jquery 获取iframe内外元素
lxm_bey的专栏
08-16 951
在iframe里面获取父页面元素 $('#objId', parent.document); 在父页面获取iframe里面元素 $("#objid",document.frames('iframename').document);
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
JS/jquery获取iframe内部元素和ifame中获取外部元素精华
最新发布
乔的博客
02-26 826
【代码】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 3412
讲解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元素是否正确。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值