jquery寻找html页面iframe标签引入的页面元素

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

小明要规范化

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

阅读量2.7k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/u010872394/article/details/27492099

本文介绍了如何确保iframe页面完全加载后，通过jQuery查找并获取其中的元素尺寸，包括高度和宽度。文中提供了两种实现方法，并针对不同浏览器的兼容性问题给出了解决方案。

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

查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容

	$("iframe").contents().find("body")
  	.append("I'm in an iframe!");

下面是我寻找iframe页面中的div为例：

var height = ($("iframe").contents().find('div')；

但神奇的是我寻找不到，官方API不可能错，那就只能是我错了，但语法完全没有错误啊，我就上网百度，发现大家都是这样找的，最后我发现我犯了菜鸟错误，iframe的页面还没渲染完，怎么可能找的到其中的元素，我们应该保证在页面渲染完后再寻找节点，这样很简单，我马上试了一下，果然成功，下面是代码：

html ：

js：

function loaded(){
var height = ($("iframe").contents().find('body').height());
var width = ($("iframe").contents().find('div).width());

}

上面的方法在ie低版本不给力，用下面的会好很多

//动态改变src

html：

js：

$("#iframe_show").attr('src', "data/ddd.html");

$("#iframe_show").load(function(){

console.info（‘ok’）；

});