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

275 阅读1分钟

 JQ代码

$("#mainframe").load(function () {
    var if_w = $("iframe").width();
    var if_h = $("#mainframe").contents().find("body").find(".nylm2").height();
    //alert("if_w==" + if_w + "\n" + "if_h==" + if_h);
    $("#mainframe").height(if_h+50);
});

\

html代码

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


\

解读JQ:

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









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





解读:HTML;


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