jQuery-获得iframe内容-1.1

最新推荐文章于 2024-08-02 03:59:25 发布

原创最新推荐文章于 2024-08-02 03:59:25 发布 · 221 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端技术

当前文章被收录于：

前端技术

105 篇文章 1 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文分享了一种在iframe加载完成后获取其内部内容的有效方法。通过设置特定ID并监听'load'事件，确保了在iframe完全加载后进行内容抓取，避免了因页面未加载完成而导致的内容为空的问题。

首先设置iframe的id为baseIFrame，然后设置加载完成

$("iframe[id='baseIFrame']").on("load",function(){
    var iframeWindow=$("iframe[id='baseIFrame']")[0];
    var aa = $(iframeWindow.contentWindow.document).find("table");
});

我之前是设置页面加载完成后获得内容，结果会发现都是空的。。。还是这个好使

标签

#iframe

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

彩舒

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Jquery取得iframe下内容的方法

01-19

代码如下: document.all(‘Iframe1’).contentWindow.document.getElementById(“deptName”).width; $(window.parent.Iframe1.document.body).find(‘#deptName’).width();跨域调用IFRAME时会遇到拒绝访问.在网上找了未测试解决办法经查资料发现，默认情况下，浏览器是禁止脚本跨域访问的，除非这些域之间有必须的访问信任关系。找到问题就好办了，可以降低浏览器的安全级别，但这样对用户无疑是不利的。所以我们在页面上需要加一段js

js iframe获取documen中的对象为空问题

lianzhang861的博客

12-07

1万+

首先src为同源的话，父window是可以获取iframe中的元素对象的。通过iframe获取window、document 如果想获取iframe里的window或者document，可以使用 iframe.contentWindow、iframe.contentDocument iframe.contentDocument=iframe.contentWindow.document，不...

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

js iframe获取contentDocument中的对象为空问题

qq_40393313的博客

12-10

4598

1.如果不是自己写的文件下的页面，是无法获取到contentDocument对象的，只能为空。 2.检查iframe是否已经加载完成，可以这样写 var iframe = document.getElementById('iframe'); iframe.onload = function() { console.log('加载完成') } ...

使用Jquery操作iframe中的元素

孙琛斌的专栏

12-16

1万+

前几天，在原有功能上追加功能，jsp页面是已经存在了的，通过jquery获取元素总是获取不到，很奇怪，所以就仔细的看看了看jsp，原来那段代码是iframe里面的，虽然经常用jquery，但我一开始还真不知道iframe里面的东西，按照我们通常的方式取不到，所以查了下发现，jquery里面有个这个方法contents()。下面直接贴下简单的代码示例：<iframe src="/test/demo.h

解决iframe实时获取资源页面显示空白的问题

天界程序员的博客

10-12

1万+

1、问题起源在使用公司平台开发的时候，内部窗口使用的是iframe，iframe内部的内容是通过定时器一分钟一次获取最新的数据渲染在页面上。以上看起来是没有什么问题，但是会造成用户体验问题：当用户打开其他页面后，超过一分钟后，定时器已经调用了一次，但是用户在返回到那个页面，iframe的内容是一个空白的白板。使用F12在浏览器的开发者模式里面，DOM结构里面的innerHtml是有内容的，但是不知道为什么没有显示出来。我也很懵逼！ 2、解决方式（1）判断用户是否还在平台页面（2）

jquery获得iframe内容的高度

夏末

03-31

1578

html: JS: //初始框架高度 $("#right_frame_h").load(function(){ var mainheight = $(this).contents().find("#right_").height()+30; $(this).height(mainheight); }); #right

获得iframe的html内容,跨浏览器使用javascript/jQuery获取iframe的内容

weixin_39569112的博客

06-09

2037

iframe是内联框架，允许你单独的HTML文件加载到一个现有的文件。您还可以加载文件的动态“src”属性。假设有一个需要iframe内容和过程使用JavaScript。下面的例子可以帮助你做，这已经是一个跨浏览器Firefox和IE浏览器的解决方案。让我们加载一个简单的HTML文件在iFrame，并获得该文件的内容与方法getiframecontent JavaScript。Get the co...

jQuery控制iFrame

teresa502的专栏

10-09

1874

用jQuery在IFRAME里取得父窗口的某个元素的值 只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find(”input[@type='radio']“).attr(”checked”,”true”); 2.在IFRAME中操作选中父窗口中的所有单选钮 $(window.parent.document).fin

jquery 获取iframe的html内容

最新发布

weixin_30982425的博客

08-02

358

使用jQuery获取iframe的HTML内容在Web开发中，iframe标签常用于在当前文档中嵌入另一个HTML文档。很多时候，我们可能需要获取嵌入在iframe中的HTML内容。在这篇文章中，我们将探讨如何利用jQuery获取iframe的HTML内容，并提供详细的代码示例和流程图，以帮助你更好地理解这一过程。什么...

jquery 操作iframe的几种方法总结选择器

qq_32722591的博客

05-26

5009

("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID

子夜轻风

11-25

375

query取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下:$('#objId', parent.document);// 搞定...在父页面获取iframe子页面的元素代码如下:$("#objid",document.frames('iframename').document) $(document.getElementById('iframeId')...

JQuery操作Iframe

李慕白

08-13

698

iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作选中IFRAME中的所有输入框： $(window.frames[

php获取iframe的内容,解析Jquery取得iframe中元素的几种方法

weixin_33268725的博客

03-28

605

DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作选中IFRAME中的所有输入框： $(window.frames["iframeSon"].document).find(":text");在IFRAME中操作选中父窗口中的所有输入框：$...

jQuery / JavaScript：访问iframe的内容

asdfgh0077的博客

12-20

450

我想使用jQuery在iframe中操纵HTML。我认为我可以通过将jQuery函数的上下文设置为iframe的文档来做到这一点，例如： $(function(){ //document

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