牛骨文教育服务平台(让学习变的简单)
博文笔记

jq_jquer获取iframe的高度根据页面内容自适应

创建时间:2017-06-15 投稿人: 浏览次数:1438
$("#mainframe").load(function () {
    var if_w = $("iframe").width();
    var if_h = $("#mainframe").contents().find("body").find(".nylm2").height();
    //alert("if_w==" + if_w + "
" + "if_h==" + if_h);
    $("#mainframe").height(if_h+50);
});


  <iframe id="mainframe" name="mainframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="width:100%" src="<%linkurl("aboutus_body")%>">
    </iframe>


 var if_h = $("#mainframe").contents().find("body").find(".nylm2").height();
contents() 方法返回所有直接子元素,包括被选元素的文本和注释节点。

find("body") //查找子元素标签为【body】

find(".nylm2") //查找子元素类名为【nylm2】


scrolling="no"  //没有上下和左右的滚动条
































声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。