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

最新推荐文章于 2024-04-30 17:28:01 发布
最新推荐文章于 2024-04-30 17:28:01 发布
阅读量177 收藏 1
点赞数
文章标签： java 前端 javascript
原文链接：https://www.cnblogs.com/ckf1988/p/5803746.html
版权

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);
avoidaily
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery iframe操作详细解析
11-30
使用jquery操作iframe 1、 内容里有两个ifame <iframe id=”leftiframe”…</iframe> <iframe id=”mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码： $(“#mainframe”,parent.document.body).attr(“src”,”http://www.radys.cn”) 2、 如果内容里面有一个ID为mainiframe的ifame   <iframe id=”mainifame”…></ifame> ifame包含一个someID <div
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
修改iframe内部元素的样式
IICOOM的博客
04-05 3万+
也许你正在面临修改iframe内部元素的样式的问题，那么本文将快速给你分析一下是否具备修改的条件，以及可行的方法。
怎么获取iframe里面的元素_Web定位特殊元素处理
weixin_39691748的博客
12-19 3456
一、下拉框选择 下拉框选择分非Select元素和Select。有些下拉框没有Select需要单独进行处理。1、非Select元素处理非Select元素的下拉框时直接选择需要定位的元素直接进行定位，然后触发点击即可2、Select下拉框 如果页面元素是一个Select元素的下拉框，我们需要将元素封装为Select对象。 Select select = new Se...
js、jquery 获取iframe内外元素
lxm_bey的专栏
08-16 852
在iframe里面获取父页面元素 $('#objId', parent.document); 在父页面获取iframe里面元素 $("#objid",document.frames('iframename').document);
多个iframe 获取 值
11-18
多个iframe嵌套获取嵌套中iframe中文本或者其他的值
document获取iframe_Web前端之iframe详解
weixin_39637059的博客
11-22 3151
iframe基本内涵通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。<在学习web前端的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个web前端开发学习交流群（545667817），里面都是知乎的小伙伴，大家互相学习互相交流共同进步，每日分享不同的学习资料。但是，有追求的我们，并不是想要这么low的iframe. 我们来看看在iframe中还...
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！
sqfbeijing的专栏
09-09 427
query取得iframe中元素的几种方法在iframe子页面获取父页面元素 代码如下:$(‘#objId’, parent.document); // 搞定…在父页面 获取iframe子页面的元素 代码如下:$(“#objid”,document.frames(‘iframename’).document)$(document.getElementById(‘iframeId’).conte
JQUERY设置IFRAME的SRC值的代码
12-11
/iframe> <iframe id=”mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码： $(“#mainframe”,parent.document.body).attr(“src”,”//www.jb51.net “) 2 如果内容里面有一个ID为...
JQuery与iframe交互实现代码
12-07
在iframe中查找父页面元素的方法： $(‘#id’, window.parent.document) 在父页面中获取iframe中的元素方法： $(this).contents().find(“#suggestBox”) 在iframe中调用父页面中定义的方法和变量： parent.method ...
JQUERY实现iframe页面切换功能
05-09
JQUERY实现iframe页面切换功能，轻松简单、灵活方便快速,代码实例，测试通过
Iframe 自适应高度并实时监控高度变化的js代码
10-29
不得不用到iframe，且被强烈要求不能让它出现滚动条！嵌入的页面肯定是高度不一的，页面中也不能出现大片空白，所以也不能写死高度！真是麻鬼烦啊！
javascript 获取 iframe 内部元素的方法
半路出家，立地为猿
02-03 1052
在js文件中，想获取页面中某个iframe内部的子元素，最原生的方法如下: document.getElementById("iframeId").contentWindow.document.getElementById("iframe里面元素的id")
Vue中嵌套标签iframe的使用
xwnxwn的专栏
11-01 2万+
根据实际开发过程中的不同需求，把实战中比较常见的处理方式汇总出来，需求是做不完的，也不可能全部覆盖到，这里只分享一些比较常见的操作，方便有需要的开发者查阅使用，具体的实例如下所示。通过网页使用iframe嵌入新的网页的时候，有时需要动态处理src的值，而不是固定的值，这就需要给iframe 的src赋值，通常是使用js来实现。上面内容就是关于在前端开发中iframe的使用，较为详细的介绍了关于iframe的使用步骤，方便开发者查阅使用，其他内容就不再赘述。2.iframe使用：两种不同的嵌入新页面的方式。
使用jquery获取iframe内的元素属性
weixin_30437481的博客
03-09 606
当需要获取iframe里的内容时需要有几个前提，否则你是获取不到的； 1：当前页面与iframe的src的页面需要在同一个域名下； 2：必须要等iframe里边的页面加载完成才能获取，否则你要获取的标签就是不存在； 当这两个条件都满足的时候你就可以获取了（以下例子是本精灵通过jquery修改iframe(" iframe的ID名被取为了iframeName'")里页面的所有a标签的targ...
java方法重写（重点讲），方法重载
weixin_46281068的博客
04-27 919
一、方法重载定义：一个类中，出现多个方法的名称相同，但是它们的形参列表是不同的，那么这些方法就称为方法重载了。注意：一个类中，只要一些方法的名称相同、形参列表不同，那么它们就是方法重载了，其它的都不管（如:修饰符，返回值类型是否一样都无所谓）。形参列表不同指的是:形参的个数、类型、顺序不同，不关心形参的名称。应用场景：开发中我们经常需要为处理一类业务，提供多种解决方案，此时用方法重载来设计是很专业的。
Day25-Java基础之常用类1
m0_46053885的博客
04-27 875
同时我们发现Math类中的方法都是静态的，因此在使用的时候我们可以直接通过类名去调用。对于计算机而言，其实是没有数据类型的概念的，都是0101010101，数据类型是编程语言自己规定的，所以在实际存储的时候，先把具体的数字变成二进制，每32个bit为一组，存储在数组中。比较内存地址值一般情况下是没有意义的，我们希望比较的是对象的属性，如果两个对象的属性相同，我们认为就是同一个对象；如果我们的数据是一个浮点类型的数据，有的时候计算机并不会将这个数据完全转换成一个二进制数据，而是将这个将其转换成一个无限的。
链表刷题集
最新发布
yajunjiao的专栏
04-30 275
本文主要列举了一些刷的题，不多，有那么几道，也建议各位去建立自己的刷题集。积少成多。
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、付费专栏及课程。

余额充值